white-space
Оновлено: 05.12.2022
white-space
Властивість white-space встановлює, як відображати пробіли між словами. За звичайних умов будь-яка кількість пробілів у коді HTML показується на веб-сторінці як один. Винятком є елемент <pre>, поміщений у цей контейнер текст виводиться з усіма пробілами, як він був відформатований користувачем. Таким чином, white-space імітує роботу <pre>, але на відміну від нього не змінює шрифт на моноширинний.
Краткая информация
| Значення за замовчуванням | normal |
|---|---|
| Успадковується | так |
Застосовується | До всіх елементів |
| Анімується | Ні |
Синтаксис
white-space: normal | nowrap | pre | pre-line | pre-wrap
Значення
| normal | Текст у вікні браузера виводиться як зазвичай, переноси рядків встановлюються автоматично. |
| nowrap | Пробіли не враховуються, перенесення рядків у коді HTML ігноруються, увесь текст відображається одним рядком; разом з тим, додавання <br> переносить текст на новий рядок. |
| pre | Текст показується з урахуванням усіх пробілів і переносів, як вони були додані розробником у коді HTML. Якщо рядок виходить занадто довгим і не поміщається у вікні браузера, то буде додано горизонтальну смугу прокрутки. |
| pre-line | У тексті пробіли не враховуються, текст автоматично переноситься на наступний рядок, якщо він не поміщається в задану область. |
| pre-wrap | У тексті зберігаються всі пробіли і переноси, однак якщо рядок по ширині не поміщається в задану область, то текст автоматично буде перенесено на наступний рядок. |
Действие значений на текст представлено в табл. 1.
Табл. 1. Перенос текста и пробелы при разных значениях white-space
| Значення | Переніс тексту | Пробіли |
|---|---|---|
| normal | Переноситься | Не враховуються |
| nowrap | Не переноситься | Не враховуються |
| pre | Не переноситься | Враховуються |
| pre-line | Переноситься | Не враховуються |
| pre-wrap | Переноситься | Враховуються |
Приклад
Об'єктна модель
Об'єкт.style.whiteSpace
Примітка
Браузер Internet Explorer до версії 7.0 включно не підтримує значення pre-line і pre-wrap. Для <textarea> значення normal і pre поводяться як pre-wrap, а значення nowrap поводиться як pre-line.
Opera до версії 9.5 не підтримує значення pre-line. Для <textarea> значення normal и pre ведуть себн як pre-wrap, а значення nowrap веде себе як pre-line.
В Firefox для <textarea> значення normal, nowrap, і pre сприймаються як pre-wrap.