Page 286 - Сила CSS3 Освой новейший стандарт

286 • Глава 7. Вспоминаем навыки верстки

Таблица 7.4 (продолжение)

Свойство Описание

box-ordinal-group Нумерация блоков в желаемом порядке вывода — обеспечивает
более высокую степень контроля над порядком отображения, чем
одно только свойство box-direction
box-flex Превращение блока в гибкий элемент, занимающий все свободное
пространство, оставшееся после вывода остальных блоков

box-flex-group Группировка гибких блоков с использованием порядковых
номеров; когда в области просмотра остается свободное
пространство, браузер в первую очередь корректирует ширину
всех блоков в первой гибкой группе, затем, если свободное
пространство еще осталось, переходит ко второй и т. д.

box-align Управление выравниванием и размещением блоков вдоль оси,
перпендикулярной той, вдоль которой они выводятся; в том
числе растягивание блоков для заполнения всего имеющегося
пространства и создание блоков равной высоты или ширины
box-pack Управление выравниванием и размещением блоков вдоль той же
оси, по которой они выводятся
box-lines Перенос дочерних элементов поля на новую строку в случае,
когда они не помещаются на одной строке; аналогично поведению
плавающих элементов, которые опускаются на следующую строку,
но не выходят за пределы контейнера

альтернативы мОдели гибкОгО ПОля

Модель гибкого поля — не единственный новый инструмент верстки, появившийся
в CSS3. Сейчас работа ведется еще над несколькими системами управления макетом
и свойствами — все они на данный момент очень по-разному поддерживаются бра-
узерами. Мы начнем с полезного и разностороннего свойства box-sizing, которое
лучше всего поддерживается браузерами, а затем поговорим о том, чего нам следует
ожидать в будущем.

СвойСтво box-SIzInG
В традиционной модели поля W3C, определенной в версии CSS 2.1, значения свойств
width и height управляют только высотой и шириной области содержимого, к ко-
торой затем добавляются забивка пустыми символами и рамки. Это называется
моделью поля содержимого (content-box model), и если вы достаточно долго рабо-
тали с CSS, то наверняка привыкли к ней и не задумываетесь о ее особенностях. Но

www.trk.kg