min-height

Браузер	Internet Explorer			Netscape		Opera			Safari		Mozilla	Firefox
Версия	5.5	6.0	7.0	7.0	8.0	7.0	8.0	9.0	2.0	3.0	1.7	1.0	2.0	3.0
Поддерживается	Нет	Нет	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да

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

CSS	CSS2
Значение по умолчанию	none
Наследуется	Нет
Применяется	Ко всем элементам, кроме встроенных и таблиц
Аналог HTML	Нет
Ссылка на спецификацию	http://www.w3.org/TR/CSS21/visudet.html#min-max-heights

Описание

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

Табл. 1. Высота элемента
Значения параметров					Ширина
min-height	<	height	<	max-height	height
min-height	>	height	>	max-height	min-height
min-height	>	height	<	max-height	min-height
min-height	<	height			height
min-height	>	height			min-height
min-height	>			max-height	min-height
min-height	<			max-height	max-height

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

Синтаксис

max-height: значение | none

Аргументы

В качестве значений принимаются пикселы (px) и проценты (%). Значение none убирает все ограничения на высоту.

Пример

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Cloverfield</title>
<style type="text/css">
#bottom {
background: #66806E url(clover_bottom.png) no-repeat 20px bottom; /* Параметры фона */
min-height: 80px; /* Минимальная высота */
color: #E4BC96; /* Цвет текста */
padding: 5px 5px 5px 140px; /* Поля вокруг текста */
}
#bottom p { margin: 5px 0; }
#bottom a { color: #FFFDE0; }
</style>
</head>
<body>
<div id="bottom">
<p>Сайт Cloverfield</p>
<p><a href="/info/">Информация о сайте</a> <a href="/author/">Об авторе</a></p>
</div>
</body>
</html>

В данном примере, чтобы фоновое изображение не обрезалось по верхнему краю, задана минимальная высота блока равная 80 пикселам. Результат примера показан на рис. 1.

Рис. 1

Рис. 1. Высота блока, заданная с помощью min-height

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

[window.]document.getElementById("elementID").style.minHeight