border-spacing

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

Время чтения: меньше 5 мин

Кратко

Скопировано

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

Пример

Скопировано
        
          
          table {  border-spacing: 10px;}
          table {
  border-spacing: 10px;
}

        
        
          
        
      
Открыть демо в новой вкладке

Как пишется

Скопировано

Разрешается указывать одно или два неотрицательных значения:

  1. border-spacing: 1px — расстояние между ячейками со всех сторон одинаковое.
  2. border-spacing: 1px 2px — первое значение задаёт расстояние между ячейками по горизонтали, второе — по вертикали.

Как понять

Скопировано

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

Отступ также будет появляться вокруг таблицы, поэтому расстояние между ячейками таблицы и её рамкой будет складываться из значений border-spacing и padding таблицы.