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

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

Ширина содержимого: свойство 'width'

'width'

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

Начальное: auto

Применяется: ко всем элементам, кроме незамещаемых инлайн-элементов, рядов таблиц и групп рядов

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

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

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

Это свойство специфицирует ширину содержимого боксов, генерируемых элементами уровня блока и замещаемыми элементами.

Это свойство не применяется к незамещаемым элементам инлайн-уровня. Ширина боксов незамещаемых инлайн-элементов, это ширина отображаемого внутри них содержимого (до любого относительного смещения дочерних элементов). Напоминаем, что инлайн-боксы всплывают внутри строчных боксов. Ширина строчных боксов задаётся их содержащим блоком, Но может быть уменьшена при наличии поплавков.

Ширина бокса замещаемого элемента является внутренней и может масштабироваться ПА, если значение этого свойства отличается от 'auto'. Значения имеют следующий смысл:

<length>

Специфицирует фиксированную ширину.

<percentage>

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

auto

Ширина зависит от значений других свойств. См. следующие разделы.

Отрицательные значения для 'width' не допускаются.

Это правило фиксирует ширину содержимого параграфа в 100 пикселов:

P { width: 100px }