Свойство height в CSS

устанавливает высоту элемента

Определяет высоту элемента.

Высота элемента не включает в себя внутренние отступы padding, внешние отступы margin и рамку border.

Но, если свойство box-sizing установлено border-box, тогда в высоту входит внутренний отступ padding и рамка border.

Свойства min-height и max-height имеют больший приоритет.

По умолчанию высота элемента равна содержимому элемента.

Примеры

height: 100px;
height: 5em;
height: 50%;
height: auto;

Значения

Значение Описание
auto По умолчанию. Высота будет равна высоте содержимого.
высота Фиксированная высота в единицах измерения (px, em и других)
проценты Высота в процентах от родительского блока
inherit Наследует значение родительского блока.
initial Устанавливает значение по умолчанию.

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

НастольныеМобильные
Chrome
Edge
Firefox
IE
Opera
Safari
Chrome
Firefox
Opera
Safari
Samsung
Android
height
1
12
1
4
7
1
18
4
10.1
1
1.0
1
fit-content
46
79
нет
нет
33
11
9 -webkit-
46
нет
33
11
9 -webkit-
5.0
46
max-content
46
79
66
3 -moz-
нет
44
11
46
66
4 -moz-
43
11
5.0
46
min-content
46
79
66
3 -moz-
нет
44
11
46
66
4 -moz-
43
11
5.0
46
stretch
28-webkit-fill-available
79-webkit-fill-available
нет
нет
15-webkit-fill-available
9-webkit-fill-available
28-webkit-fill-available
нет
15-webkit-fill-available
9-webkit-fill-available
5.0-webkit-fill-available
4.4-webkit-fill-available
Поддерживается: Да Нет Нестандартное имя
Получай полезные материалы удобным способом!
Добавить комментарий