Тип отображения: display

display

Поддержка браузерами
Настольные браузеры Chrome Firefox Internet Explorer Opera Safari
Базовая поддержка, версии браузеров 1.0 1.0 8.0 7.0 1.0
Мобильные браузеры Android Firefox Mobile IE Phone Opera Mobile Safari Mobile
Базовая поддержка, версии браузеров 2.2 1.0.1 7.5 12.0 6.1.3
Свойство
display — это свойство позволяет задать тип отображения
Описание
Существует возможность применить тип отображения любому элементу, можно например превратить блочный элемент в строчный, и наоборот, или например несколько абзацев превратить в список
Наследование
Не наследуется. Это значит что стили применённые к родительскому элементу не передадутся потомкам
Применяется
Ко всем элементам, это значит что применяется и к блочным, и к встроенным, и к табличным и т.д.
Может принимать значения
none | inline | block | list-item | inline-block | table | inline-table | table-row-group | table-header-group | table-footer-group | table-row | table-column-group | table-column | table-cell | table-caption | run-in | compact | ruby | ruby-base | ruby-text | ruby-base-container | ruby-text-container | inherit
Значение по умолчанию
inline
Правила записи
свойство: значение;
Примеры

Вот так выглядят абзацы к которым не применено свойство display:

Абзац 1

Абзац 2

Абзац 3

А вот так выглядят абзацы к которым применено свойство display со значением list-item:

Абзац 1

Абзац 2

Абзац 3

Поделиться