white-space

 
white-space - устанавливает, как отображать пробелы между словами. В обычных условиях любое количество пробелов в коде HTML показывается на веб-странице как один. Исключением является тег <pre>, помещенный в этот контейнер текст выводится со всеми пробелами, как он был отформатирован пользователем. Таким образом, white-space имитирует работу тега <pre>, но в отличие от него не меняет шрифт на моноширинный.

Значения

normal - текст в окне браузера выводится как обычно, переносы строк устанавливаются автоматически.
nowrap - пробелы не учитываются, переносы строк в коде HTML игнорируются, весь текст отображается одной строкой; вместе с тем, добавление тега <br /> переносит текст на новую строку.
pre - текст показывается с учетом всех пробелов и переносов, как они были добавлены разработчиком в коде HTML. Если строка получается слишком длинной и не помещается в окне браузера, то будет добавлена горизонтальная полоса прокрутки.
pre-line - в тексте пробелы не учитываются, текст автоматически переносится на следующую строку, если он не помещается в заданную область.
pre-wrap - в тексте сохраняются все пробелы и переносы, однако если строка по ширине не помещается в заданную область, то текст автоматически будет перенесен на следующую строку.

inherit - наследует значение свойства родительского элемента.

Пример использования

th {white-space: nowrap}

Характеристики

1. Применяется к блочным элементам.
2. Значение по умолчанию: normal
3. Наследуется.

Синтаксис

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

Версии CSS

CSS 1
CSS 2
CSS 2.1
CSS 3

Нашли ошибку, опечатку, неточность, неактуальную или устаревшую информацию? Пишите.