# min - height

/Internet Explorer | /Netscape | /Opera | /Safari | /Firefox
6.0 | 7.0 | 8.0 | 8.0 | 9.0 | 8.0 | 9.2 | 9.5 | 1.3 | 2.0 | 3.1 | 1.5 | 2.0 | 3.0
Ні | Частково | Так | Так | Так | Так | Так | Так | Так | Так | Так | Так | Так | Так

## Коротка інформація

CSS | CSS2
Значення за умовчанням | 0
Наслідує | Ні
Застосовується | До усіх елементів, окрім вбудованих і таблиць
Аналог HTML | Ні
Посилання на специфікацію | http://www.w 3.org/TR/CSS21/visudet.html#min - max - heights

### Опис

Задає мінімальну висоту елементу. Значення висоти елементу обчислюватиметься залежно від встановлених значень властивостей height, max - height і min - height. У таблиці. 1 показано, чим керується браузер при спільному використанні вказаних стильових властивостей.

Таблиця. 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

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

### Синтаксис

max - height: значення | відсотки | inherit

### Значення

Як значення приймаються піксели (px), відсотки (%) і інші одиниці виміри, прийняті в CSS. Негативні значення не допускаються. inherit наслідує значення батька.

Приклад

HTML 4.01CSS 2.1IE 6IE 7IE 8Op 9.5Sa 3.1Ff 2.0Ff 3.0

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http ://www.w 3.org/TR/html4/strict.dtd">

    <html>

      <head>

        <meta http-equiv="Content-Type" content="text/html; charset=windows - 1251">

        <title>Cloverfield</title>

        <style type="text/css">

          #bottom {

            background: #66806E url(clover_bottom.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="/info/">Інформація про сайт</a> <a href="/author/">Про автора</a></p>

        </div>

      </body>

    </html>

У цьому прикладі, щоб фонове зображення не обрізалося по верхньому краю, задана мінімальна висота блоку рівна 80 пікселам. Результат прикладу показаний на мал. 1.

Мал. 1. Висота блоку, задана за допомогою min, - height

### Об'єктна модель

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

### Браузери

Internet Explorer до сьомої версії включно не підтримує значення inherit.