min-height

Обновлено: 31.05.2022

min-height

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

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

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

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

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

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

Синтаксис

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

Значения

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

Пример

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

Объект.style.minHeight

Браузеры

min-height

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

min-height