Атрибут word-wrap в CSS
- Предыдущая страница word-spacing
- Следующая страница writing-mode
Определение и использование
Атрибут 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 |
- Предыдущая страница word-spacing
- Следующая страница writing-mode