поиск по сайту

Свойство border-collapse

collapse | separate | inherit 

Агент пользователя может использовать два различных алгоритма отображения рамки таблицы. Во-первых, каждая ячейка может обладать своей собственной рамкой, а вся таблица - своей. Во-вторых, вся таблица, вместе со своими ячейками, может образовывать одну неразрывную рамку. Свойство border-collapse определяет, будет ли таблица использовать для рамки раздельную или объединенную модель.

Характеристика Значение
Начальное значение separate
 
Область применения элементы с 'display: table' и 'display: inline-table'
 
Наследование да
 
Процентное значение нет
 
Устройства визуальные устройства
 
Сокращенное свойство нет
 
Спецификация http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse
 
Значения
collapse - объединенная рамка
 
separate - раздельные рамки
 
inherit - модель рамки как у родителя
 

Примеры

В следующем примере свойство border-collapse установлено в значение separate. Для того, что бы раздельная модель рамок стала более заметной значение свойства border-spacing (задающее расстояние между рамками в таблице) установлено в 10px.

border-collapse:separate;

В следующем примере свойство border-collapse установлено в значение collapse. При таких установках игнорируется значение расстояние между границами рамок - так как смежные границы ячеек и таблицы смыкаются и практически представляют собой одну границы.

border-collapse:collapse;