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 поддерживается во всех основных браузерах.

Читайте также

Похожие посты

CSS-свойство clip

Определяет координаты области, которая будет кадрирована, т.е. содержимое за пределом этой области будет отрезано

CSS-свойство bottom

Задает смещение или отступ от нижнего края элемента

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.