min-height
==========

Свойство CSS **`min-height`** устанавливает минимальную высоту элемента. Оно предотвращает используемое значение свойства `height` от становления меньше, чем значение, указанное для `min-height`.

Интерактивный пример
--------------------

Высота элемента принимает значение `min-height` всякий раз, когда `min-height` больше чем `max-height` или `height`.

Синтаксис
---------


```css
/\* Ключевые слова \*/
min-height: max-content;
min-height: min-content;
min-height: fit-content;
min-height: fill-available;

/\* <length> значения \*/
min-height: 3.5em;

/\* <percentage> значения \*/
min-height: 10%;

/\* Глобальные значения \*/
min-height: inherit;
min-height: initial;
min-height: unset;
```

### Значения

`<length>`

Минимальная высота выражается как `<length>`. Отрицательные значения делают свойство недействительным.

`<percentage>`

Минимальная высота выражается как `<percentage>` от высоты родительского блока. Отрицательные значения делают свойство недействительным.

#### Значения-ключевые слова

`auto`

Минимальная высота для flex-элементов по умолчанию, предоставляет более разумное значение по умолчанию, чем 0 для других способов разметки.


`max-content` 
Экспериментальная возможность

Внутренняя предпочтительная высота.

`min-content` 
Экспериментальная возможность

Внутренняя минимальная высота.

`fill-available`
Экспериментальная возможность

Высота родительского блока минус вертикальные `margin`, `border`, и `padding`. (Обратите внимание, что некоторые браузеры реализуют устаревшее имя для этого ключевого слова., `available`.)

`fit-content` 
Экспериментальная возможность

Согласно CSS3 Box, это синоним `min-content`. CSS3 Sizing определяет более сложный алгоритм, но ни один браузер не реализует его даже экспериментальным путём.

### Формальный синтаксис
```

min-height =   
  auto                                      | (en-US)  
  <length-percentage [0,∞]>                 | (en-US)  
  min-content                               | (en-US)  
  max-content                               | (en-US)  
  fit-content( <length-percentage [0,∞]> )    
  
<length-percentage> =   
  <length>      | (en-US)  
  <percentage>    
  
```

Примеры
-------


```css
table {
  min-height: 75%;
}

form {
  min-height: 0;
}
```

Спецификации
------------

| Specification |
| --- |
| CSS Box Sizing Module Level 3 # width-height-keywords |
| CSS Box Sizing Module Level 4 # sizing-values |

|  |  |
| --- | --- |
| Начальное значение | `auto` |
| Применяется к | все элементы, кроме незаменяемых строчных элементов, табличных колонок и групп колонок |
| Наследуется | нет |
| Проценты | Процент для генерируемого блока рассчитывается по отношению к высоте содержащего блока. Если высота содержащего блока не задана явно (т.е. зависит от высоты содержимого), и этот этот элемент позиционирован не абсолютно, процентное значение интерпретируется как `0`. |
| Обработка значения | процент, как указан, или абсолютная длина |
| Animation type | длина, проценты или calc(); |

Совместимость с браузерами
--------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Смотрите также
--------------

* `height`, `max-height`
* Блочная модель (en-US), `box-sizing`