CSS-свойство word-break
используется для указания того, как переносить буквы внутри словах, если оно не помещается в ширину контейнера.
Значение по умолчанию: | normal |
Применяется к: | Все элементы |
Наследование: | Да |
Анимирование: | Нет. Анимируемые свойства |
Версия: | Новый в CSS3 |
Синтаксис
Синтаксически свойства задаются по следующему шаблону:
word-break: normal | break-all | keep-all | initial | inherit
Примеры написания кода свойства word-break
:
p {
width: 150px;
background: #90ee90;
word-break: break-all;
}
Значения свойств
В следующей таблице описаны значения этого свойства.
Значение | Описание |
---|---|
normal |
Слова переносятся по обычным правилам. |
break-all |
Слова могут переноситься между любыми двумя буквами. |
keep-all |
Переносы запрещены между парами букв. |
initial |
Устанавливает это свойство в значение по умолчанию. |
inherit |
Если указан, связанный элемент принимает вычисленное значение своего родительского элемента word-break . |
Поддержка браузеров
Свойство word-break
поддерживается во всех основных браузерах.