CSS. Каскадные таблицы стилей. Подробное руководство.Символ-Плюс 2008

Печать

По большей части основные заголовки оформляются точно так же, как и любой блочный элемент; они могут иметь отступы, рамки, фон и т. д. Например, для изменения горизонтального выравнивания текста заголовка применяется свойство text-align. Таким образом, чтобы выровнять по правому краю основной заголовок в предыдущем примере, можно написать:

caption {background:gray; margin:1em 0; caption-side:top; text-align:right;}

И в середине 2006 г. стилевое оформление основных заголовков по-прежнему остается рискованным предприятием. Некоторые броузеры отображают верхнее и нижнее поля заголовков, тогда как некоторые - нет; некоторые броузеры вычисляют шнрнну основного заголовка относительно ширины таблицы, тогда как остальные используют иной подход. Перечислять здесь все возможные варианты поведения бессмысленно, поскольку эта об-ласть стремительно меняется. Данное примечание, главным образом, предупреждает читателей о возможных проблемах.

Рамки ячеек таблицы

На самом деле в CSS определены две совершенно разные модели рамок. Модель отдельных рамок действует, когда ячейки отделены друг от друга с точки зрения компоновки. Другой вариант - модель сливающихся рамок, в которой между ячейками нет визуального разделения и рамки ячеек объединяются, или сливаются, друг с другом. По умолчанию применяется первая модель, хотя в предыдущей версии CSS таковой была вторая модель.

Автор может выбирать модель, задавая свойство border-collapse.

Это свойство предоставляет автору возможность определять, какой модели рамки будет следовать агент пользователя, Если применяется значение collapse, выбирается модель сливающихся рамок, а если separate, то модель отдельных рамок. Сначала обратимся ко второй модели, поскольку описать ее намного проще.

border-collapse

Значения:

collapse I separate | inherit

Начальное значение:

separate

Область применения:

элементы, свойство display которых имеет значения table или inline-table

Наследование:

да

Вычисляемое значение:

как задано

Примечание:

в CSS2 применяемым по умолчанию было значение collapse