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

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

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

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

Свойства, описанные в этой главе, применяются для обеих групп медиа – непрерывного и постраничного отображения. Однако, значение свойств полей варьируют, когда они применяются к медиа постраничного отображения (смотрите постраничную модель для подробной информации).

Модель визуального форматирования не определяет все стороны форматирования (например, не определяет алгоритм набор вразрядку). Согласование устройств вывода может вести себя по-разному для аспектов форматирования, не описанных этими спецификациями.

9.1.1. Демонстрационное окно.

Устройства вывода для медиа с непрерывным отображением, обычно, предлагают пользователям демонстрационное окно (окно или другую область просмотра на экране), через которое пользователи обращаются к документу. Устройства вывода могут изменить контур документа, когда демонстрационное окно изменяет свой размер (смотрите начальный объемлющий блок). Когда демонстрационное окно меньше, чем начальный объемлющий блок документа, устройство вывода предложит механизм скроллинга. Существует, по крайней мере, одно демонстрационное окно для канвы, но устройства вывода могут визуализировать больше, чем одну канву (т.е. предоставляет различные виды одного и того же документа).

9.1.2. Объемлющий блок.

В CSS2 большинство блоковых позиций и размеров рассчитываются с учетом краев прямоугольных блоков, называемых объемлющим блоком. В общем, сформированные блоки действуют, как объемлющие блоки для блоков потомков; мы сказали бы, что блок "учреждает" объемлющий блок для своих потомков. Фраза "объемлющий блок блока" означает "объемлющий блок, в котором находится другой блок", но не блок, формирующий последний.

Каждый блок получает позицию с учетом своего объемлющего блока, но он не ограничен этим объемлющим блоком; и он может выходить за пределы последнего.

Корень дерева документа формирует блок, который служит, как начальный объемлющий блок для последующего размещения.

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

Начальный объемлющий блок не может позиционироваться или смещаться (т.е. устройства вывода игнорируют свойства 'position' и 'float' для корневого элемента).