Это свойство определяет, какую модель рамки вокруг ячеек таблицы следует использовать. Свойство border-collapsed определяет, должна ли ячейка иметь общую рамку с соседними ячейками, или свою собственную, как в стандартном HTML.
Внимание: Если декларация !DOCTYPE не определена, то свойство border-collapse может привести к непредсказуемым результатам.
CSS синтаксис
border-collapse: separate | collapse | initial | inherit;
Возможные значения
Значение | Описание |
---|---|
separate | Значение по умолчанию. Каждая ячейка таблицы будет иметь собственную рамку. |
collapse | Ячейки таблицы, где это возможно, будут иметь общую рамку. |
initial | Устанавливает значение по умолчанию. |
inherit | Значение наследуется от родительского элемента. |
Пример использования
Устанавливаем модель с общей рамкой вокруг ячеек таблицы
table {
border-collapse: collapse;
}