min-height

Браузер	Internet Explorer				Chrome				Opera			Safari				Firefox
Версия	6.0	7.0	8.0	9.0	2.0	3.0	4.0	5.0	9.2	9.6	10	2.0	3.1	4.0	5.0	2.0	3.0	3.6	4.0
Поддержка

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

CSS	CSS2+
Значение по умолчанию	0
Наследуется	Нет
Применяется	Ко всем элементам, кроме встроенных и таблиц
Ссылка на спецификацию	открыть в новой вкладке

Описание

Задает минимальную высоту элемента. Значение высоты элемента будет вычисляться в зависимости от установленных значений свойств height, max-height и min-height. В табл. 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

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

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

Синтаксис

min-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>min-height</title>

      <style type="text/css">

      #bottom {

  background: #66806E url(images/clover.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="techinfo.html">Информация о сайте</a><a href="activity.html">Об авторе</a></p>

	 </div> 

    </body>

    </html>

Демонстрация примера

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

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

Примечание

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

min-height

Категории

Последние комментарии

	Русский
	English