Поиск

Минимальное и максимальное значения ширины: 'min-width' и 'max-width'

'min-width'

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

'max-width'

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

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

<длина>

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

<проценты>

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

non

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

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

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

У агента пользователя существует возможность определения минимального неотрицательного значения для свойства 'min-width', зависящего от рассматриваемого элемента и других свойств. Если значение свойства 'min-width' опустится ниже установленного минимума вследствие явного задания значения или вычисления в рамках значения 'auto' с использованием вышеописанных правил, агент пользователя может использовать этот минимум в качестве вычисляемого значения.