Задает тип отображения блока.
Строковые элементы, например, <span>
по умолчанию display: inline
, блоковые, например, <div>
по умолчанию display: block;
.
Значения
Значение | Описание |
---|---|
none | Скрывает элемент со страницы, больше не доступен для экранных читалок. |
inline | Элемент отображается как строковый, не создает разрыва строки. |
block | Элемент отображается как блоковый, создает разрыв строки, занимает всю ширину родителя. |
inline-block | Элемент отображается как строковый, но имеет свойства блочного. Можно задавать размеры и отступы. |
flex | Элемент отображается как флекс-контейнер. |
Поддержка браузерами
НастольныеМобильные
display
1
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-group
1
12
1
8
7
1
≤37
Поддерживается: Да Нет Частично Нестандартное имя