CSS свойство min-height

Определение и применение

CSS свойство min-height устанавливает минимальную высоту элемента. Свойство применяется к блочным элементам.

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

Свойство	Chrome	Firefox	Opera	Safari	IExplorer	Edge
min-height	1.0	1.0	4.0	2.0.2	7.0	12.0

CSS синтаксис:

min-height:"length | initial | inherit";

JavaScript синтаксис:

object.style.minHeight = "100px"

Значения свойства

Значение	Описание
length	Определяет минимальную высоту (в единицах измерения CSS). Значение по умолчанию 0.
%	Определяет минимальную высоту (в процентах). Высота высчитывается в зависимости от высоты родительского элемента.
initial	Устанавливает свойство в значение по умолчанию.
inherit	Указывает, что значение наследуется от родительского элемента.

Версия CSS

CSS2

Наследуется

Нет.

Анимируемое

Да.

Пример использования

<!DOCTYPE html>
<html>
<head>
<title>Минимальная высота элемента.</title>
<style> 
.test {
min-height  : 100px; /* задаём минимальную высоту для блока */
background-color : orange; /* устанавливаем цвет заднего фона для элемента */
}
</style>
</head>
	<body>
		<div class = "test">Блок в котором установлена минимальная высота 100px.</div>
	</body>
</html>

Пример установки минимальной высоты для элемента.

CSS свойства