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

Определение и использование

Атрибут border-spacing устанавливает расстояние между рамками смежных ячеек (только для режима «Разделение рамок»).

Комментарий:Некоторые версии браузера IE не поддерживают этот атрибут.

Описание

Эта свойство определяет расстояние между границами ячеек в модели разделения границ. В указанных двух значениях длины, первое — горизонтальное расстояние, второе — вертикальное. Unless border-collapse is set to separate, this property is ignored. Although this property is only applied to tables, it can be inherited by all elements in the table.

См. также:

Уроки CSS:Таблицы CSS

Руководство по HTML DOM:Атрибут borderSpacing

Пример

Установите border-spacing для таблицы:

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

Попробуйте сами

CSS синтаксис

border-spacing: length|initial|inherit;

Значение атрибута

Значение Описание
length length

Определяет расстояние между рамками смежных ячеек. Используйте единицы измерения px, cm и т.д. Негативные значения не допускаются.

Если задан один length parameters, then defined is both horizontal and vertical spacing.

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

Технические детали

Значение по умолчанию: не указано
Ингерит: да
Версия: CSS2
JavaScript синтаксис: объект.style.borderSpacing="15px"

Более примеров

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

Поддержка браузеров

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 1.0 1.0 4.0