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;
}