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

Свойство overflow-wrap определяет, должен ли браузер переносить длинные слова на новую строку при переполнении контейнерного элемента.

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

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

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

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

Позволим браузеру переносить длинные слова на новую строку, если они не помещаются в контейнерный элемент:


div {
  overflow-wrap: break-word;
}