Создание сайта на CMS WordPress: обучение и хостинг

СВОЙСТВО DISPLAY

Свойство display определяет, как отображается элемент в документе.

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

Синтаксис

display: inline|block|contents|flex|grid|inline-block|inline-flex|inline-grid|inline-table|list-item|run-in|table|table-caption|table-column-group|table-header-group|table-footer-group|table-row-group|table-cell|table-column|table-row|none|initial|inherit

Значения свойства

Значение	Описание
inline	Отображает элемент как строчный.
block	Отображает элемент как блочный.
contents	Прячет элемент, при этом оставляя видимыми все его дочерние элементы.
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	Устанавливает значение по умолчанию.
inherit	Унаследует значение свойства от родительского элемента.

Песочница

Корабли лавировали, 
<div> лавировали </div>, да не вылавировали.

HTML

div {
    display: inline-block;
    border: 1px solid black;
    padding: 7px 3px
}

CSS

← Перейти к списку свойств