Опубликован: 06.06.2006 | Доступ: свободный | Студентов: 3910 / 694 | Оценка: 4.34 / 4.02 | Длительность: 21:23:00
Лекция 10:

Модель визуального форматирования. Детали

Минимальная и максимальная ширина: 'min-width' и 'max-width'

'min-width'

Значение: <length> | <percentage> | inherit

Начальное: зависит от ПА

Применяется: ко всем элементам, за исключением незамещаемых инлайн элементов и элементов таблицы

Наследуется: нет

Процентное: относительно ширины содержащего блока

Носитель: визуальный

'max-width'

Значение: <length> | <percentage> | none | inherit

Начальное: none

Применяется: ко всем элементам, за исключением незамещаемых инлайн элементов и элементов таблицы

Наследуется: нет

Процентное: относительно ширины содержащего блока

Носитель: визуальный

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

Значения имеют следующий смысл:

<length>

Специфицирует фиксированную минимальную и максимальную вычисленную ширину.

<percentage>

Специфицирует проценты для определения вычисленного значения. Проценты высчитываются относительно ширины содержащего блока генерируемого бокса.

none

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

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

  1. Ширина вычисляется (без 'min-width' и 'max-width') по вышеприведённым правилам "Вычисление ширины и полей".
  2. Если вычисленное значение 'min-width' больше, чем значение 'max-width', то 'max-width' устанавливается в значение 'min-width'.
  3. Если вычисленная ширина больше, чем 'max-width', вышеприведённые правила применяются вновь, но на этот раз с использованием значения 'max-width' как специфицированного для 'width'.
  4. Если вычисленная ширина меньше, чем 'min-width', вышеприведённые правила применяются вновь, но на этот раз с использованием значения 'min-width' как специфицированного для 'width'.

ПА может определить неотрицательное минимальное значение для свойства 'min-width', которое (значение) может варьироваться от элемента к элементу и даже зависеть от других свойств. Если 'min-width' выходит за нижнюю границу этого лимита из-за того, что было установлено явно, или из-за того, что оно 'auto' и вышеприведённые правила сделают его слишком маленьким, ПА может использовать минимальное значение как вычисленное значение.