Значение Описание

inline Отображает элемент как встроенный

элемент (например, <span>). Любые
свойства Height и Width не будут иметь
эффекта

block Отображает элемент как элемент блока

(например, <p>). Он начинается на
новой линии и занимает всю ширину

contents Делает контейнер исчезают, делая

дочерние элементы дочерних элементов
элемента следующий уровень вверх в
DOM

flex Отображает элемент как контейнер Flex

на уровне блоков

grid Отображает элемент как контейнер сетки

на уровне блоков

inline-block Отображает элемент как контейнер

блочного уровня. Сам элемент
форматируется как встроенный элемент,
но можно применять значения высоты и
ширины

inline-flex Отображает элемент как встроенный

гибкий контейнер

inline-grid Отображает элемент как контейнер сетки

на уровне строки
inline-table Элемент отображается в виде таблицы
встроенного уровня

list-item Пусть элемент ведет себя как элемент

<li>

run-in Отображает элемент как блок или

встроенный, в зависимости от контекста

table Пусть элемент ведет себя как элемент

<TABLE>

table-caption Пусть элемент ведет себя как элемент

<Caption>

table-column-group Пусть элемент ведет себя как элемент

<colgroup>

table-header-group Пусть элемент ведет себя как элемент

<thead>

table-footer-group Пусть элемент ведет себя как элемент

<tfoot>

table-row-group Пусть элемент ведет себя как элемент

<tbody>

table-cell Пусть элемент ведет себя как элемент

<TD>

table-column Пусть элемент ведет себя как элемент

<Col>
table-row Пусть элемент ведет себя как элемент
<TR>

none Элемент полностью удален

initial Присваивает этому свойству значение по

умолчанию. (Читайте о initial)

inherit Наследует это свойство из родительского

элемента. (Читайте о inherit)