Атрибут word-wrap в CSS

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

Атрибут word-wrap позволяет перенести длинные слова или URL-адреса на следующую строку.

См. также:

CSS курс:Эффекты текста в CSS

Пример

Разрешить перенос длинных слов на следующую строку:

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

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

CSS синтаксис

word-wrap: normal|break-word;

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

Значение Описание
обычная Перенос строки только в разрешенных точках разрыва (браузер сохраняет стандартную обработку).
break-word Перенос строк внутри длинных слов или URL-адресов.

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

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

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

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

Chrome IE / Edge Firefox Safari Opera
4.0 5.5 3.5 3.1 10.5