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.

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

Свойство border-spacing поддерживается во всех основных браузерах.

Internet Explorer 7 и более ранние версии не поддерживают свойство border-spacing. IE8 поддерживает это свойство, только если указан <!DOCTYPE>.

Читайте также

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.