border-collapse

Краткая информация

Версии CSS

Описание

Устанавливает, как отображать границы вокруг ячеек таблицы. Это свойство играет роль, когда для ячеек установлена рамка, тогда в месте стыка ячеек получится линия двойной толщины. Значение collapse заставляет браузер анализировать подобные места в таблице и убирать в ней двойные линии. При этом между ячейками остается только одна граница, одновременно принадлежащая обеим ячейкам. То же правило соблюдается и для внешних границ, когда вокруг самой таблицы добавляется рамка.

Вариантов границ может быть два. Или ячейки имеют одну линию границы, или у каждой ячейки своя граница, по отношению к соседним ячейкам так и к самой таблице. Если у каждой ячейки граница своя, то это увеличит общую границу вдвое. Свойство применимо к тегам able, thead, tbody, tfoot, colgroup, col, tr, th, td. Создано в версии CSS2 но проходит валидацию согласно версии CSS3.

Синтаксис

Значения

collapse

Линия между ячейками отображается только одна, также игнорируется значение атрибута cellspacing.

separate

Вокруг каждой ячейки отображается своя собственная рамка, в местах соприкосновения ячеек показываются сразу две линии.

inherit

Наследует значение родителя.

Или дополнительные значения border-collapse в виде таблицы

Пример применения свойства

Пример в действии

по ссылке

Браузеры

Internet Explorer до версии 7.0 включительно не поддерживает значение inherit. В IE6 и IE7 не отменяется действие атрибута cellspacing.