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

  • Предыдущая страница width
  • Следующая страница word-spacing

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

Атрибут word-break определяет способ автоматического переноса строки.

Совет:Используя атрибут word-break, можно заставить браузер выполнять перенос строки в любом месте.

Пример

Перенос строки в правильных точках разрыва:

p.test {word-break:hyphenate;}

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

CSS синтаксис

word-break: normal|break-all|keep-all;

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

Значение Описание
обычная Используйте правила переноса строки по умолчанию браузера.
break-all Разрешен перенос строки внутри слова.
keep-all Перенос строки разрешен только в полукруглых пробелах или дефисах.

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

Значение по умолчанию: обычная
Инерция: да
Версия: CSS3
JavaScript синтаксис: object.style.wordBreak="keep-all"

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

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

Chrome IE / Edge Firefox Safari Opera
4.0 5.5 15.0 3.1 15.0
  • Предыдущая страница width
  • Следующая страница word-spacing