CSS-свойство word-wrap определяет переносы слов в строке, чтобы предотвратить выход строки за пределы контейнера, когда слово слишком длинное, чтобы поместиться в область содержимого элемента.

По сути, переносит длинное слово на следующую строку, если слово неразрывное или не имеет точек переноса.

Значение по умолчанию: normal
Применяется к: Все элементы
Наследование: Да
Анимирование: Нет. Анимируемые свойства
Версия: Новый в CSS3

Синтаксис

Синтаксически свойства задаются по следующему шаблону:

word-wrap: normal | break-word | initial | inherit

Примеры написания кода свойства word-wrap:

p {
    width: 200px;
    background: #90ee90;
    word-wrap: break-word;
}

Значения свойств

В следующей таблице описаны значения этого свойства.

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

Поддержка браузеров

Свойство word-wrap поддерживается во всех основных браузерах.

Читайте также

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.