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

Свойство word-wrap устанавливает, можно или нельзя переносить на новую строку длинные слова, которые не помещаются по ширине контейнера.

CSS синтаксис

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

Возможные значения

ЗначениеОписание
normalДлинные слова переносятся только в местах, где явно задан перенос.
break-wordРазрешает перенос длинных слов на новую строку.
inheritЗначение наследуется от родительского элемента.
initialУстанавливает значение по умолчанию.

Пример использования

Устанавливаем, чтобы все длинные слова переносились на новую строку


p.test {
    word-wrap: break-word;
}