Свойство border-spacing устанавливает расстояние между ячейками таблицы.

Свойство применимо только в том случае, когда каждая ячейка имеет собственную рамку (бордюр, границу). При border-collapse: collapse данное свойство не работает.

Посмотрите на иллюстрацию. В левой таблице border-spacing: 0px, в правой - border-spacing: 6px.

1 2 3 4 5 6

1 2 3 4 5 6

Пример

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

расстояние
Точное расстояние до соседних ячеек. Величина задается одним из принятых в CSS способов задания размеров.
расстояние расстояние
Расстояние до соседних ячеек - по горизонтали и вертикали соответственно.

inherit
Заимствует значение свойства у родительского элемента.

Характеристики

Значение по умолчанию: 0

Применяется к элементам:
table
thead
tbody
tfoot
colgroup
col
tr
th
td

Наследуется: Да

См. также
border-collapse