Определяет высоту элемента.
Высота элемента не включает в себя внутренние отступы 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 | Устанавливает значение по умолчанию. |
Поддержка браузерами
НастольныеМобильные
height1
12
1
4
7
1
18
4
10.1
1
1.0
1
fit-content46
79
нет
нет
33
11
9 -webkit-
46
нет
33
11
9 -webkit-
5.0
46
max-content46
79
66
3 -moz-
нет
44
11
46
66
4 -moz-
43
11
5.0
46
min-content46
79
66
3 -moz-
нет
44
11
46
66
4 -moz-
43
11
5.0
46
stretch28-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
Поддерживается: Да Нет Нестандартное имя