CSS-свойство word-break

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

Синтаксис

Синтаксически свойства задаются по следующему шаблону:

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`.