CSS-свойство white-space определяет, как внутри текстовых элементов размещаются пробелы, переносы строк и символы табуляции.

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

Синтаксис

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

white-space: normal | pre | nowrap | pre-line | pre-wrap | initial | inherit

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

code {
    white-space: pre;
}
p {
    white-space: nowrap;
}

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

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

Значение Описание
normal Последовательность пробелов объединяется в один; переносы строк устанавливаются браузером автоматически. Это значение установлено по умолчанию.
nowrap Последовательность пробелов объединяется в один; запрещается перенос строк внутри текста, весь текст отображается одной строкой. Добавление тега <br> сработает и перенесет текст на новую строку.
pre Последовательность пробелов сохраняется. Если текст оказывается слишком широким и не помещается в окне браузера, то будет добавлена горизонтальная полоса прокрутки. Работает так же, как тег <pre>, но не меняет шрифт на моноширинный.
pre-line Последовательность пробелов объединяется в один. Если текст оказывается слишком широким и не помещается в окне браузера, он будет автоматически переноситься на следующую строку.
pre-wrap Последовательность пробелов сохраняется. Если текст оказывается слишком широким и не помещается в окне браузера, он будет автоматически переноситься на следующую строку.
initial Устанавливает это свойство в значение по умолчанию.
inherit Если указан, связанный элемент принимает вычисленное значение своего родительского элемента white-space.

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

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

Свойство pre-line не поддерживается в версиях до Firefox 3.5, Safari 3.0 и Opera 9.5. Свойства pre-line, pre-wrap и inherit не поддерживаются в Internet Explorer 7 и более ранних версиях.

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

Похожие посты

CSS-свойство clip

Определяет координаты области, которая будет кадрирована, т.е. содержимое за пределом этой области будет отрезано

CSS-свойство bottom

Задает смещение или отступ от нижнего края элемента

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

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

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

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