English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Руководство по CSS

Правила CSS (@RULES)

Полный список свойств CSS

Методы использования и примеры CSS white-space

Свойство white-space CSS определяет, как обрабатывать пробельные символы (например, пробелы, табуляторы и символы перевода строки) внутри элемента.

В таблице приведены примеры использования и история версий этого свойства, а также синтаксис использования этого свойства в скриптах на JavaScript.

Значение по умолчанию:normal
Применяется к:Все элементы
Инherits:Да
Анимируемо:Нет.См. также Атрибуты анимации.
Версия:CSS 1, 2, 3
Грамматика JavaScript:object.style.whiteSpace="pre-wrap"

Грамматика использования white-space

Грамматика этого атрибута такая:

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> в HTML.
pre-lineОбъединить последовательности пробелов, но сохранить символы分行ения.
pre-wrapСохранить последовательность пробелов. Новые строки будут сохранены в сохраненных символах分行ения и в любом месте, где заполнена рамка строки.
initialУстановить этот атрибут в его значение по умолчанию.
inheritЕсли указан, то связанный элемент принимает значение атрибута white-space родительского элемента.

Совместимость браузеров

Совместимость браузеров с атрибутом white-space, числа в таблице представляют собой минимальную версию браузера, поддерживающего этот атрибут; все основные браузеры поддерживают этот атрибут.

  • Firefox 1+

  • Google Chrome 1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 4+

Внимание:Предупреждение: Opera 4+, Safari 1+, Internet Explorer 4+, Google Chrome 1+, Firefox 1+ не поддерживают значение pre-line в более ранних версиях Firefox 3.5, Safari 3.0 и Opera 9.5. Значения pre-line, pre-wrap и inherit не поддерживаются в Internet Explorer 7 и более ранних версиях.

Для дальнейшего чтения

Узнайте больше из следующих руководств:Форматирование текста HTML.

Связанные атрибуты:letter-spacing,word-spacing.

Свойство width в CSSСвойство visibility в CSS