Свойство пробела CSS
Пример
Продемонстрируйте различные значения свойства пробела:
p.a {
white-space: nowrap;
}
p.b {
white-space: normal;
}
p.c {
white-space:
pre;
}
Определение и использование
Свойство white-space
указывает, как обрабатывается пробел внутри элемента.
Значение по умолчанию: | нормальный |
---|---|
Унаследовано: | да |
Анимация: | нет. Читать об анимации |
Версия: | CSS1 |
Синтаксис JavaScript: | объект .style.whiteSpace="nowrap" |
Поддержка браузера
Цифры в таблице указывают на первую версию браузера, которая полностью поддерживает это свойство.
Property | |||||
---|---|---|---|---|---|
white-space | 1.0 | 8.0 | 3.5 | 3.0 | 9.5 |
Синтаксис CSS
white-space: normal|nowrap|pre|pre-line|pre-wrap|initial|inherit;
Значения свойств
Value | Description | Play it |
---|---|---|
normal | Sequences of whitespace will collapse into a single whitespace. Text will wrap when necessary. This is default | |
nowrap | Sequences of whitespace will collapse into a single whitespace. Text will never wrap to the next line. The text continues on the same line until a <br> tag is encountered | |
pre | Whitespace is preserved by the browser. Text will only wrap on line breaks. Acts like the <pre> tag in HTML | |
pre-line | Sequences of whitespace will collapse into a single whitespace. Text will wrap when necessary, and on line breaks | |
pre-wrap | Whitespace is preserved by the browser. Text will wrap when necessary, and on line breaks | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Связанные страницы
Учебное пособие по CSS: Текст CSS
Справочник по HTML DOM: свойство whiteSpace