Свойство max-height в CSS

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

Определяет максимальную высоту элемента. Высота элемента не может стать больше, чем заданное значение.

У свойства max-height больший приоритет, чем у height.

Примеры

max-height: 100px;
max-height: 5em;
max-height: 50%;

Значения

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

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

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