Свойство min-height
Свойство min-height позволяет указать минимальную высоту для элемента. Если высота элемента, рассчитанная на основе его содержимого или значения свойства height, окажется меньше высоты, указанной в свойстве min-height, то высота элемента будет установлена на основании значения свойства min-height. Если на момент использования высота родительского блока не известна (например, она зависит от высоты дочернего блока), то процентное значение свойства min-height игнорируется.
| Синтаксис | |
|---|---|
| min-height: inherit | «размер» | «процентное значение» | |
| Возможные значения и ключевые слова | |
| inherit | значение родительского элемента |
| «размер» | линейный размер, заданный дизайнером |
| «процентное значение» | по отношению к высоте родительского элемента |
| Разное | |
| Значение по умолчанию | 0 |
| Применимо | ко всем элементам, исключая незаменяемые строковые элементы и табличные элементы |
| Наследование | нет |
| Процентная запись | по отношению к ширине родительского элемента |
| Media | visual |
В следующем примере определяется класс «news», для которого заданы, при помощи свойств min-height и max-height, ограничения по высоте от 100px до 400px. Если высота, вычисленная браузером, будет меньше или больше указанного ограничения, то браузер будет использовать в качестве высоты значение либо свойства min-height, либо свойства max-height (соответственно если вычисленная высота будет меньше или больше разрешенного диапазона).
.news {min-height:100px; max-height:100px;}
Примечание: Internet Explorer поддерживает свойство min-width начиная с версии 6.0
Примечание: Netscape Navigator поддерживает свойство min-width начиная с версии 6.0
Примечание: Opera поддерживает свойство min-width начиная с версии 4.0
