# Свойство display

Свойство `display` - задает способ отображения элемента браузером.

## Синтаксис

`селектор { display: значение; }`

## Значения

Значение | Описание
--- | ---
`block` | Блочный элемент.
`inline` | Строчный элемент.
`inline-block` | Строчно-блочный элемент.
`list-item` | Элемент станет пунктом списка и перед ним появится маркер списка.
`flex` | Устанавливает элемент как блочный, а его потомки станут flex элементами.
`inline-flex` | Устанавливает элемент как строчно-блочный, а его потомки станут flex элементами.
`grid` | Создает элемент-сетку.
`none` | Элемент вообще пропадет и все остальные элементы будут вести себя так, как будто этого элемента нет.
`table` | Элемент будет вести себя как таблица.
`table-cell` | Элемент будет вести себя как ячейка таблицы.
`inline-table` | Элемент будет вести себя как таблица, но при этом таблица является встроенным элементом и происходит ее обтекание другими элементами, например, текстом.
`table-caption` | Элемент будет вести себя как тег `caption`.
`table-column` | Элемент будет вести себя как колонка таблицы.
`table-row` | Элемент будет вести себя как ряд таблицы.
`table-column-group` | Элемент будет вести себя как тег colgroup.
`table-footer-group` | Элемент будет вести себя как тег `tfoot`.
`table-header-group` | Элемент будет вести себя как тег `thead`.
`table-row-group` | Элемент будет вести себя как тег `tbody`.
`run-in` | Устанавливает элемент как блочный или встроенный в зависимости от контекста.

По умолчанию элементы могут иметь различные значения `display`.

←→
↑