CSS white-spaceСвойство
Определение свойства и инструкции по использованию
Свойство white-space определяет, как обрабатываются пробельные символы внутри элемента.
| Значение по умолчанию: | нормальный |
|---|---|
| Наследуется: | да |
| версия: | CSS1 |
| Синтаксис JavaScript: | object.style.whiteSpace="pre" |
Поддержка браузеров
Числа в таблице указывают первую версию браузера, которая поддерживает это свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| white-space | 1.0 | 5.5 | 3.5 | 3.0 | 9.5 |
Синтаксис
/* 值 */ white-space: normal; white-space: nowrap; white-space: pre; white-space: pre-wrap; white-space: pre-line; white-space: break-spaces; /* 全局值 */ white-space: inherit; white-space: initial; white-space: revert; white-space: revert-layer; white-space: unset;
Значение свойства
| Значение | Описание |
|---|---|
| нормальный | По умолчанию. Пробельные символы игнорируются браузером. |
| pre | Пробельные символы сохраняются браузером. Поведение аналогично тегу <pre> в HTML. |
| nowrap | Текст не будет переноситься; он будет продолжаться на той же строке, пока не встретится тег <br>. |
| pre-wrap | Последовательности пробельных символов сохраняются, но переносы строк происходят как обычно. |
| pre-line | Последовательности пробельных символов сворачиваются, но переносы строк сохраняются. |
| inherit | Указывает, что значение свойства white-space должно наследоваться от родительского элемента. |
Поведение различных значений white-space:
| Перевод строки | Пробелы и табуляции | Перенос текста | Завершающие пробелы | |
|---|---|---|---|---|
normal |
Слиянием | Слиянием | перенос строки | Delete |
nowrap |
Слиянием | Слиянием | nowrap | Delete |
pre |
сохранять | сохранять | nowrap | сохранять |
pre-wrap |
сохранять | сохранять | перенос строки | приостанавливать |
pre-line |
сохранять | Слиянием | перенос строки | Delete |
break-spaces |
сохранять | сохранять | перенос строки | перенос строки |
Связанные статьи
Учебник CSS:CSS Text
Другие расширения