Поиск

Минимальное и максимальное значения высоты: 'min-height' и 'max-height'

Иногда оказывается полезным ограничивать диапазон значений высоты элементов. Эту возможность предоставляют следующие два свойства:

'min-height'

Значение: <длина> | <проценты> | inherit
Начальное значение: 0
Область применения: все элементы, кроме незамещаемых элементов строкового уровня и элементов таблиц
Наследование: нет
Процентное задание: относительно высоты контейнера
Устройства: визуального форматирования

'max-height'

Значение: <длина> | <проценты> | none | inherit
Начальное значение: none
Область применения: все элементы, кроме незамещаемых элементов строкового уровня и элементов таблиц
Наследование: нет
Процентное задание: относительно высоты контейнера
Устройства: визуального форматирования

Эти два свойства позволяют разработчикам ограничивать диапазон значений высоты блоков. Значения данных свойств имеют следующий смысл:

<длина>

Задает фиксированное минимальное и максимальное вычисляемое значение высоты.

<проценты>

Задает процентное соотношение для определения вычисляемого значения. Процентное соотношение вычисляется относительно высоты контейнера генерируемого блока. Если высота контейнера не задана явно (т.е. она зависит от высоты содержимого), то значение процентного соотношения интерпретируется как 'auto'.

non

(Только для свойства 'max-height'.) На высоту блока не накладывается никаких ограничений.

В следующем алгоритме описано, как эти два свойства влияют на вычисляемое значение свойства 'height':

  1. Значение высоты (кроме 'min-height' и 'max-height') вычисляется согласно правилам, описанным в разделе "Определение значений высоты и полей".
  2. Если вычисленное значение свойства 'min-height' превышает значение свойства 'max-height', то свойству 'max-height' присваивается значение свойства 'min-height'.
  3. Если вычисленное значение высоты превышает значение свойства 'max-height', то применяются описанные выше правила, но на этот раз в качестве зарезервированного значения свойства 'height' выступает значение свойства 'max-height'.
  4. Если вычисленное значение высоты не превосходит значения свойства 'min-height', то применяются описанные выше правила, но на этот раз в качестве зарезервированного значения свойства 'height' выступает значение свойства 'min-height'