max-height

Обновлено: 31.05.2022

max-height

Устанавливает максимальную высоту элемента. Значение высоты элемента будет вычисляться в зависимости от значений установленных свойств height, max-height и min-height. В табл. 1 показано, чем руководствуется браузер при совместном использовании указанных стилевых свойств.

Табл. 1. Высота элемента

Значения свойствВысота
min-height<height<max-heightheight
height<max-heightheight
height>max-heightmax-height
min-height>height>max-heightmin-height
min-height>height<max-heightmin-height

Данные из таблицы следует понимать следующим образом. Если значение высоты (height) больше значения max-height, то высота элемента принимается равной значению max-height.

Краткая информация

Значение по умолчанию none
Наследуется Нет
Применяется Ко всем элементам, кроме строчных и таблиц
Анимируется Да

Синтаксис

max-height: <размер> | <проценты> | none

Значения

В качестве значений принимаются пиксели (px), проценты (%) и другие единицы измерения, принятые в CSS. Отрицательные значения не допускаются.

none Отменяет действие этого свойства.

Пример

Объектная модель

Объект.style.maxHeight

Браузеры

max-height

Посмотреть совместимость на Can I use?

max-height