Авторский знак. Авторский знак. 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 31


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


Ссылки на каскадные стили CSS - word-break.

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

Internet Explorer Интернет эксплорер Google Chrome Google Chrome Opera Опера Firefox Firefox Safari Сафари, то есть поддерживается во всех основных браузерах.

Определение и использование. Свойство word-break задает порядок переноса строк внутри слов, которые не помещаются по ширине в заданную область выбранного элемента.

Конечно, для обычного пользователя данное свойство word-break не так уж сильно интересует, потому что браузеры автоматом выбирают ширину поля страницы и высчитывают возможность распределения букв согласно их классификации. Но, знать некоторые свойтва word-break не обременительно.

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


Синтаксис:

              word-break: normal|break-all|keep-all|initial|inherit;

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

Значение по умолчанию: normal
наследует: yes
Версия: CSS3
JavaScript синтаксис: object.style.wordBreak="break-all"


Свойства Значения

Значение Описание
normal Значение по умолчанию. Разрыв слов в соответствии с их обычным правилам
break-all Слова могут разрываться между любыми двумя буквами
keep-all  Разрывы запрещены между парами букв
initial Это свойство задает значение по умолчанию.
inherit Наследует это свойство от своего родительского элемента.


Пишем программу:

< !DOCTYPE>
< html>
< head>
< style> 
p.rr1
{
width:11em; 
border:1px solid #09F;
word-break:keep-all;
}

p.rr2
{
width:11em; 
border:1px solid #09F;
word-break:break-all;
}
< /style>
< /head>
< body>

< p class="rr1"> Этот параграф содержит некоторый текст. Эта линия будет перерыв-на-этом-символе.< /p>
< p class="rr2"> Этот параграф содержит некоторый текст: Эта линии будет перерыв на любом символе.< /p>

< p>< b>Внимание!!!< /b>Свойство word-break не работает в Opera.< /p>

< /body>
< /html>                      

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

Этот параграф содержит некоторый текст. И слова будут разрываться-на-этом-символе правильно.

Этот параграф содержит некоторый текст: И слова будут разрываться на любом символе.

Внимание!!!Свойство word-break не работает в Opera.




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
... ... ...
ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: