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

CSS-свойство border-spacing устанавливает интервал между границами соседних ячеек таблицы, используя модель разделенных границ. Если используется модель объединенных границ, это свойство игнорируется. Смотрите свойство border-collapse.

Значение по умолчанию:	`0`
Применяется к:	`table-cell` элементы
Наследование:	Да
Анимирование:	Да. Анимируемые свойства
Версия:	CSS 2, 3

Синтаксис

Синтаксически свойства задаются по следующему шаблону:

border-spacing: [ length ] 1 or 2 values | initial | inherit

Свойство border-spacing может принимать одно или два значения, разделенные пробелами.

Если указано одно значение, оно применяется как к горизонтальному, так и к вертикальному интервалу границ.
Если указаны два значения, первое устанавливает интервал горизонтальных границ, а второе для вертикальных.

Примеры написания кода тега border-spacing:

table {
    border-collapse: separate;
    border-spacing: 10px 20px;
}

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

В следующей таблице описаны значения этого свойства.

Значение	Описание
length	Значение может быть указано в `px`, `pt`, `cm`, `em` и т. д. Отрицательные значения не допускаются.
`initial`	Устанавливает это свойство в значение по умолчанию.
`inherit`	Если указан, связанный элемент принимает вычисленное значение своего родительского элемента `border-spacing`.