Определяет высоту элемента.
Высота элемента не включает в себя внутренние отступы 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 | Устанавливает значение по умолчанию. |
Поддержка браузерами
НастольныеМобильные
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
Поддерживается: Да Нет Нестандартное имя