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

Определение и использование

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

Пример

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

div {
  overflow-wrap: break-word;
}

Попробуйте сами

CSS синтаксис

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

Значение атрибута

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

Технические детали

Значение по умолчанию: normal
Инheritability: Да
Создание анимации: Не поддерживается. См.:Свойства анимации.
Версия: CSS3
JavaScript синтаксис: object.style.overflowWrap="normal"

Поддержка браузерами

Числа в таблице представляют собой версии браузеров, которые полностью поддерживают этот атрибут.

Хром Эдж Фаерфокс Сафари Опера
23.0 18.0 49.0 6.1 6.1

12.1

Связанные страницыУрок: