Справочник HTML & CSS

border-collapse

Раздельные у ячеек таблицы рамки или слитые в одну линию.

Синтаксис

border-collapse: collapse;

Значения

Параметр	Тип	Описание
separate	keyword	У каждой ячейки своя рамка, между ними промежутки (по умолчанию).
collapse	keyword	Соседние рамки сливаются в одну линию.

Примеры

Двойные и слитые рамки:

<style>
  td { border: 1px solid gray; padding: 4px 8px; }
</style>
 
<table><tr><td>separate</td><td>$25</td></tr></table>
<br>
<table style="border-collapse: collapse;"><tr><td>collapse</td><td>$25</td></tr></table>

Примечания

Для таблиц с данными почти всегда нужен collapse. При separate промежуток между ячейками задаёт border-spacing.

См. также

border — Рамка вокруг элемента: толщина, стиль и цвет в одном свойстве.
<table> — Таблица из строк `<tr>` и ячеек.

Вопросы и ответы по теме

В учебнике

Оформление списков и таблиц — Вид маркеров и list-style, свои маркеры через ::marker, меню из списка без точек, а также рамки, отступы, выравнивание, полосы-зебра и подпись таблицы.

Спасибо, что читаете!