CSS свойство white-space, поддержка в браузерах, примеры использования // Вебшкола онлайн



up_violet-1475413Перейти к справке CSS

p { white-space:nowrap;

}

Описание и использование

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

Значение по умолчанию normal
Наследование да
Версия CSS CSS 1
Синтаксис JavaScript object.style.whiteSpace=»pre»

Поддержка в браузерах

chrome-1194969 firefox-2570795 ie-4754207 opera-1821157 safari-7172215
Свойство white-space поддерживается всеми основными браузерами.

Заметка: ни одна из версий IE (включая IE8) не поддерживает значение inherit.

Возможные значения свойства white-space

Значение Описание
normal Несколько пробелов отображаются как один. Перенос строк устанавливается автоматически. Значение по умолчанию
nowrap Несколько пробелов отображаются как один. Текст не переносится на другую строку, отображаясь как одна длинная строка. Перенос текста осуществляется вставкой тега
pre Все пробелы отображаются так, как они есть в исходном коде. Текст переносится так, как в исходном коде. Аналогичен действию тега

 в HTML

pre-line Лишние пробелы игнорируются. Текст переносится по мере необходимости и по переносам строк в исходном коде
pre-wrap Отображаются все пробелы. Текст переносится по мере необходимости и по переносам строк в исходном коде
inherit Значение наследуется от родительского элемента

Связанные страницы

Учебник CSS: Форматирование текста с помощью CSS

up_violet-1475413Перейти к справке CSS