CSS свойство border-collapse

Это свойство определяет, какую модель рамки вокруг ячеек таблицы следует использовать. Свойство border-collapsed определяет, должна ли ячейка иметь общую рамку с соседними ячейками, или свою собственную, как в стандартном HTML.

Внимание: Если декларация !DOCTYPE не определена, то свойство border-collapse может привести к непредсказуемым результатам.

CSS синтаксис

border-collapse: separate | collapse | initial | inherit;

Возможные значения

ЗначениеОписание
separateЗначение по умолчанию. Каждая ячейка таблицы будет иметь собственную рамку.
collapseЯчейки таблицы, где это возможно, будут иметь общую рамку.
initialУстанавливает значение по умолчанию.
inheritЗначение наследуется от родительского элемента.

Пример использования

Устанавливаем модель с общей рамкой вокруг ячеек таблицы


table {
     border-collapse: collapse;
}