Задает тип отображения блока.
Строковые элементы, например, <span> по умолчанию display: inline, блоковые, например, <div> по умолчанию display: block;.
Значения
| Значение | Описание |
|---|---|
| none | Скрывает элемент со страницы, больше не доступен для экранных читалок. |
| inline | Элемент отображается как строковый, не создает разрыва строки. |
| block | Элемент отображается как блоковый, создает разрыв строки, занимает всю ширину родителя. |
| inline-block | Элемент отображается как строковый, но имеет свойства блочного. Можно задавать размеры и отступы. |
| flex | Элемент отображается как флекс-контейнер. |
Поддержка браузерами
НастольныеМобильные
Chrome
Edge
Firefox
IE
Opera
Safari
Chrome
Firefox
Opera
Safari
Samsung
Androiddisplay1
12
1
4
7
1
10.1
≤37
contents
65
37
нет
11.1
<display-outside>1
12
1
4
7
1
10.1
flex
29
21 -webkit-
12
20
11
8-ms-flexbox
16
15 -webkit-
12.1-15
9
7 -webkit-
16
14 -webkit-
12.1-14
4.4
≤37 -webkit-
flow-root
58
53
нет
13
grid
57
16
12 -ms-
52
10 -ms-
10.1
6.0
inline-block
1
12
1
8
6
7
1
≤37
inline-flex
29
21 -webkit-
12
20
11
8-ms-inline-flexbox
9
7 -webkit-
4.4
≤37 -webkit-
inline-grid
57
16
12 -ms-
52
10 -ms-
10.1
6.0
inline-table
1
12
3
8
7
1
≤37
list-item
1
12
1
6
7
1
≤37
Multi-keyword values
нет
70
нет
15
нет
none
1
12
1
4
7
1
10.1
1.0
≤37
ruby, ruby-base, ruby-base-container, ruby-text, and ruby-text-containerнет
12-79
38
7
нет
table, table-cell, table-column, table-column-group, table-footer-group, table-header-group, table-row, and table-row-group1
12
1
8
7
1
≤37
Поддерживается: Да Нет Частично Нестандартное имя
