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

Это свойство определяет расстояние между рамками соседних ячеек таблицы. Свойство border-spacing действует только, если установлен режим separate в свойстве border-collapse.

CSS синтаксис

border-spacing: расстояние | initial | inherit;

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

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

Пример

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


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