min-height

Internet Explorer Netscape Opera Safari Firefox
6.0 7.0 8.0 8.0 9.0 8.0 9.2 9.5 1.3 2.0 3.1 1.5 2.0 3.0
Нет Частично Да Да Да Да Да Да Да Да Да Да Да Да

 

CSS CSS2
Значение по умолчанию 0
Наследуется Нет
Применяется Ко всем элементам
Аналог HTML Нет

Описание

Задает минимальную высоту элемента. Значение высоты элемента будет вычисляться в зависимости от установленных значений свойств 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: значение | проценты | inherit

Значения

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

Пример

<!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 пикселам.

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

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

Браузеры

Internet Explorer до седьмой версии включительно не поддерживает значение inherit.