white-space
Поддержка браузерами
| 12.0+ | 8.0+ | 3.5+ | 1.0+ | 9.5+ | 3.0+ |
Описание
CSS свойство white-space определяет как пробельные символы обрабатываются внутри элемента.
| Значение по умолчанию: | normal |
|---|---|
| Применяется: | ко всем элементам |
| Анимируется: | нет |
| Наследуется: | да |
| Версия: | CSS1 |
| Синтаксис JavaScript: | object.style.whiteSpace="pre" |
Синтаксис
white-space: normal | nowrap | pre | pre-line | pre-wrap;
Значения свойства
| Значение | Описание |
|---|---|
| normal | Пробельные символы, идущие подряд друг за другом объединяются в один. Символ переноса на новую строку обрабатывается как обычный пробельный символ. Если текст по ширине не помещается в заданной области, он автоматически переносится на новую строку. |
| nowrap | Пробельные символы, идущие подряд друг за другом объединяются в один. Символ переноса на новую строку обрабатывается как обычный пробельный символ. Текст переносится на новую строку только при наличии в тексте элемента <br>, в противном случае, весь текст отображается одной строкой и может выходить за пределы области содержимого и элемента в целом. |
| pre | Все пробельные символы и переносы строк учитываются как в элементе <pre>. Если текст по ширине не помещается в заданной области, он может выходить за пределы области содержимого и элемента в целом. |
| pre-line | Пробельные символы, идущие подряд друг за другом объединяются в один, но переносы строк учитываются. Если текст по ширине не помещается в заданной области, он автоматически переносится на новую строку. |
| pre-wrap | Все пробельные символы и переносы строк учитываются как в элементе <pre>. Если текст по ширине не помещается в заданной области, он автоматически переносится на новую строку. |
Пример
CSS Свойство:
white-space:
Результат:
С помощью white-space вы можете контролировать количество пробелов между словами и определять возможен ли перенос строки там, где это не было указано явно.
CSS Код:
div {
white-space: normal;
}
white-space: normal;
}