17.2 Модель таблиц css

Модель таблиц CSS основана на модели таблиц HTML 4.0, в которой структура таблицы тесно связана с визуальным представлением таблицы. В этой модели таблица состоит из необязательного заголовка и произвольного количества строк ячеек. Такая модель таблиц считается "ориентированной на строки", так как в языке документа явным образом определяются строки, а не столбцы. Столбцы определяются только после указания всех строк -- первая ячейка каждой строки относится к первому столбцу, вторая - ко второму и так далее). Строки и столбцы могут образовывать структурные группы с отражением при представлении таблицы (например, вокруг группы строк может располагаться граница).

Таким образом, модель таблицы состоит из таблиц, заголовков, строк, групп срок, столбцов, групп столбцов и ячеек.

Для модели CSS не обязательно, чтобы язык документа включал элементы, соответствующие всем этим компонентам. Для языков документов (таких как приложения XML), не имеющих заранее определенных элементов таблиц, авторы могут отображать элементы языка документа на элементы таблицы; такая процедура осуществляется с помощью свойства 'display'. Следующие значения 'display' связывают семантику таблицы с произвольным элементом:

table (В HTML: TABLE)

Указывает, что элемент определяет таблицу уровня блока: это прямоугольный блок, который используется в контексте форматирования блока.

inline-table (В HTML: TABLE)

Указывает, что элемент определяет таблицу уровня стоки: это прямоугольный блок, который используется в последовательном контексте форматирования).

table-row (В HTML: TR)

Указывает, что элемент является строкой ячеек.

table-row-group (В HTML: TBODY)

Указывает, что элемент группирует одну или несколько строк.

table-header-group (В HTML: THEAD)

Работает аналогично 'table-row-group', но для визуального форматирования эта группа строк всегда отображается вперед всех других строк и их групп, после главного заголовка. Агенты пользователей, осуществляющие вывод на печать, могут повторять строки нижнего заголовка на каждой странице, занимаемой таблицей.

table-footer-group (В HTML: TFOOT)

Работает аналогично 'table-row-group', но для визуального форматирования эта группа строк всегда отображается после всех строк и их групп, перед нижними заголовками. Агенты пользователей, осуществляющие вывод на печать, могут повторять строки нижнего заголовка на каждой странице, занимаемой таблицей.

table-column (В HTML: COL)

Указывает, что элемент определяет столбец ячеек.

table-column-group (В HTML: COLGROUP)

Указывает, что элемент объединяет один или несколько столбцов.

table-cell (В HTML: TD, TH)

Указывает, что элемент представляет собой ячейку таблицы.

table-caption (В HTML: CAPTION)

Задает заголовок таблицы.

Элементы, у которых для свойства 'display' установлено значение 'table-column' или 'table-column-group', не представляются (как если было указано значение 'display: none'), но они могут быть полезны, поскольку могут иметь атрибуты для создания определенного стиля для представляемых столбцов.

Использовании этих значений в HTML 4.0 показано в стандартной таблице стилей для HTML 4.0 в приложении:

TABLE { display: table }

TR { display: table-row }

THEAD { display: table-header-group }

TBODY { display: table-row-group }

TFOOT { display: table-footer-group }

COL { display: table-column }

COLGROUP { display: table-column-group }

TD, TH { display: table-cell }

CAPTION { display: table-caption }

Агенты пользователей могут игнорировать эти значения свойства 'display' для документов HTML, так как авторы не должны изменять предполагаемое поведение элемента.