Главная » Все материалы сайта » Справочник CSS-3 » Размеры |
min-height
Краткая информация
Версии CSS
ОписаниеЗадает минимальную высоту элемента. Значение высоты элемента будет вычисляться в зависимости от установленных значений свойств height, max-height и min-height. Иными словами, свойство min-height устанавливает минимальные параметры высоты. Можно применять числовые значения, а так же процентные. Процентное значение вычисляется исходя из параметров родительского элемента. Для браузера Internet Explorer не понятно значение inherit, лучше явно задавать значения максимального размера высоты. Свойство применимо к блочным элементам и элементам таблиц кроме тегов colgroup и col, создано в версии CSS2 и проходит валидацию согласно версии CSS3. В табл. 1 показано, чем руководствуется браузер при совместном использовании указанных стилевых свойств.
Данные из таблицы следует понимать следующим образом. Если значение высоты (height) меньше значения min-height, то высота элемента принимается равной min-height. Синтаксисmin-height: значение | проценты | inherit
ЗначенияВ качестве значений принимаются пикселы (px), проценты (%) и другие единицы измерения, принятые в CSS. Отрицательные значения не допускаются. inherit наследует значение родителя. Пример
В данном примере, чтобы фоновое изображение не обрезалось по верхнему краю, задана минимальная высота блока равная 80 пикселам. Результат примера показан ниже. Высота блока, заданная с помощью min-heightПример 2
Результат примера.Объектная модель[window.]document.getElementById("elementID").style.minHeight
БраузерыInternet Explorer до версии 7.0 включительно не поддерживает значение inherit. Источники: http://htmlbook.ru/ и http://delaisait.ucoz.ru/ | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Поделись ссылкой на эту страницу с друзьями:
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Категория: Размеры | Добавил: free20860soft (10.07.2013) | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Просмотров: 556
| Теги: |