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

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

Документация → Справочник CSS

642

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

У свойства 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

Поддерживается: Да Нет Частично Нестандартное имя

Добавить комментарий