Свойство display в CSS

тип отображения блока

Задает тип отображения блока.

Строковые элементы, например, <span> по умолчанию display: inline, блоковые, например, <div> по умолчанию display: block;.

Значения

Значение Описание
none Скрывает элемент со страницы, больше не доступен для экранных читалок.
inline Элемент отображается как строковый, не создает разрыва строки.
block Элемент отображается как блоковый, создает разрыв строки, занимает всю ширину родителя.
inline-block Элемент отображается как строковый, но имеет свойства блочного. Можно задавать размеры и отступы.
flex Элемент отображается как флекс-контейнер.

Поддержка браузерами

НастольныеМобильные
Chrome
Edge
Firefox
IE
Opera
Safari
Chrome
Firefox
Opera
Safari
Samsung
Android
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
Поддерживается: Да Нет Частично Нестандартное имя
Получай полезные материалы удобным способом!
Добавить комментарий