Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30


Чувашия-это моя Россия

Ссылки на каскадные стили CSS - text-wrap.

Поддержка Браузеров

Свойство text-wrap определяет режим обтекания текстом. Normal - параметр по умолчанию для text-wrap, когда не заданы никакие параметры обтекания текста. Обычный элемент с текстом внутри. None - браузеру сообщают, что текст в данном элементе не должен переноситься вообще, когда текст достигает конца родительского элемента, тогда будет его переполнять и любые overflow-настройки будут обрабатывать видимость текста. Avoid - значение будет по прежнему разрешать разрывы строки, чтобы браузер был избирательным при разрыве текста. Пока ни в одном из браузеров не поддерживается.

Во всяком случае, свойство по сути замечательное и стоит нам с Вами немного подождать, чтобы во всех браузерах возможности свойства text-wrap полноценно использовали и будем иметь ввиду, что свойство text-wrap определяет режим обтекания текстом выбранного нами элемента. Ниже Вы увидите некоторые примеры применения свойства text-wrap.

Особенно интересное и полезное в данном случае не в том, что совершается какое-то изменение какого-то участка( элемента) страницы сайта. Вся удивительная и необходимая информация содержится в том, что свойство text-wrap, которое действует через стили CSS3 самостоятельно и независимо работает и при отключения JavaScripta в браузере Вашего компьютера. Вам не надо гадать: будет работать - не будет работать, потому как работает постоянно и стабильно.


Синтаксис:

           text-wrap: normal|none|unrestricted|suppress

Определение и Использование

Свойство text-wrap указывает правила переносов строк для текста.

Описание и Использование

Значение по умолчанию: normal
Наследуется: да
Версия: CSS3
JavaScript синтаксис: объект.style.textWrap="none"


Значение Описание
normal Строки могут переноситься только в разрешенных местах
none Строки не могут переноситься. Текст, который не помещается в элементе, переполняет его
unrestricted Строки могут переноситься между любыми двумя символами
suppress Перенос строк запрещен. Браузер может вставлять переносы строк в элементе, только если нет других правильных точек


Пишем программу - запретить переносы слов:

< !DOCTYPE>
< html>
< head>
< style type="text/css"> 
p.rr1
{
width:13em; 
border:1px solid #09F;
text-wrap:none;
}

p.rr2
{
width:13em; 
border:1px solid #09F;
text-wrap:normal;
}
< /style>
< /head>
< body>
< p id="rr1">Этот абзац содержит данную строку букв. Эта строка не 
        должна прерываться или переноситься на следующую строку.< /p>
< p id="rr2">Этот абзац содержит данную строку букв: Обычные 
                                                переносы строк.< /p>
< p>< b>Замечание:< /b> Ни один из основных браузеров не поддерживает свойство 
                                                     text-wrap.< /p>

< /body>
< /html>                      

Результат программы:

Этот абзац содержит данную строку букв. Эта строка не должна прерываться или переноситься на следующую строку.

Этот абзац содержит данную строку букв: Обычные переносы строк.

Замечание: Ни один из основных браузеров не поддерживает свойство text-wrap.




seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...
ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: