Ссылки на каскадные стили CSS - word-break.
Поддержка Браузеров
Интернет эксплорер
Google Chrome
Опера
Firefox
Сафари, то есть поддерживается во всех основных браузерах.
Определение и использование. Свойство 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.
ПОНРАВИЛОСЬ? ПОДЕЛИСЬ с ДРУЗЬЯМИ:
|