| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS | |
| 7.0 | 8.0+ | 1.0+ | 4.0+ | 2.0+ | 1.0+ | 2.1+ | 2.0+ |
Коротка інформація
| Значення за замовчуванням | 0 |
|---|---|
| Наслідується | Ні |
| Застосовується | До всіх елементів, крім вбудованих і таблиць |
| Посилання на специфікацію | http://www.w3.org/TR/CSS21/visudet.html#min-max-heights |
Версії CSS
| CSS 1 | CSS 2 | CSS 2.1 | CSS 3 |
|---|---|---|---|
Опис
Встановлює мінімальну висоту елемента. Висота елемента обчислюється в залежності від встановлених значень властивостей height, max-height і min-height. У табл. 1 показано, як браузер веде себе при використанні цих стилів одночасно.
| Значення властивостей | Висота | ||||
|---|---|---|---|---|---|
| min-height | < | height | < | max-height | height |
Дані з таблиці слід розуміти так: якщо значення висоти (height) менше значення min-height, то висота елемента приймається рівною min-height.
Синтаксис
min-height: значення | відсотки | inherit
Значення
Як значення приймаються пікселі (px), відсотки (%) та інші одиниці вимірювання, прийняті в CSS. Від'ємні значення не допускаються. inherit успадковує значення батька.
Приклад
HTML5CSS2.1IECrOpSaFx
<!DOCTYPE html>
<html>
...
</html>В даному прикладі для того, щоб фонове зображення не обрізалося зверху, вказана мінімальна висота блоку рівна 80 пікселям. Результат показано на рис. 1.
Об'єктна модель
[window.]document.getElementById("elementID").style.minHeight
Браузери
Internet Explorer до версії 7.0 включно не підтримує значення inherit.