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

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

По сути, переносит длинное слово на следующую строку, если слово неразрывное или не имеет точек переноса.

Значение по умолчанию:	`normal`
Применяется к:	Все элементы
Наследование:	Да
Анимирование:	Нет. Анимируемые свойства
Версия:	Новый в CSS3

Синтаксис

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

word-wrap: normal | break-word | initial | inherit

Примеры написания кода свойства word-wrap:

p {
    width: 200px;
    background: #90ee90;
    word-wrap: break-word;
}

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

В следующей таблице описаны значения этого свойства.

Значение	Описание
`normal`	Строки могут разрываться только в обычных местах переноса слов. Это значение установлено по умолчанию.
`break-word`	Принудительно переносит неразрывное слово на новую строку, чтобы предотвратить выход строки за содержимое контейнера.
`initial`	Устанавливает это свойство в значение по умолчанию.
`inherit`	Если указан, связанный элемент принимает вычисленное значение своего родительского элемента `word-wrap`.