border-collapse

Internet Explorer

Google Chrome

Opera

Safari

Firefox

6.07.08.0 2.03.04.0 9.29.610 2.03.14.0 2.03.03.6
                   
CSS 1CSS 2CSS 2.1CSS 3
    

Описание CSS свойства:

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

Рис. 1а Рис. 1б
а б
Краткая информация:
Значение по умолчанию: separate
Наследуется: Нет
Применяется:К тегу <TABLE> или к элементам, у которых значение display установлено как table или inline-table
Ссылка на спецификацию: http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse

Синтаксис CSS свойства:

border-collapse: collapse | separate | inherit

Значения CSS свойства:

collapse - Линия между ячейками отображается только одна.

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

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

Особенности отображения в браузерах:

Internet Explorer до версии 7.0 включительно не поддерживает значение inherit.

Internet Explorer 8 ошибочно отрисовывает границу при значении hidden свойства border-style.


Баннер SGU.RU