Серверное время 2018-01-21 13:30:51
Приветствую вас, Гость
Понравился сайт - нажми CTRL+D и добавь в закладки..
Свойства CSS
CSS по категориям
Статистика
Яндекс.Метрика
Реклама
Реклама

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.
Первоисточник - htmlbook.ru Автор - Влад Мержевич
Комментариев (0)
Имя
Email
Осталось 65535 символов
© 2006-2012, Home-test.biz