Руководство по CSS

Правила CSS (RULES)

Полный список свойств CSS

Свойство border-style в CSS Свойство border-right-width в CSS

Метод использования и примеры для свойства border-spacing CSS

Свойство border-spacing CSS используется для установки интервала между границами смежных ячеек таблицы с помощью модели разделенных границ. Если используется модель сложенных границ, то это свойство будет игнорироваться. Пожалуйста, см.border-collapseСвойство.

Ниже приведена таблица, объясняющая использование и историю версий этого свойства, а также синтаксис использования этого свойства в скриптах JavaScript.

Значение по умолчанию:	0
Для:	Таблица(table)и блоковых таблиц (inline-table) элементов
Ингерит:	Да
Анимируемо:	Да.См. также Анимационные свойства.
Версия:	CSS 2, 3
JavaScript синтаксис:	object object.style.borderSpacing="12px"

Синтаксис использования border-spacing

Синтаксис этого свойства такой:

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 атрибутом, числа в таблице показывают минимальную версию браузера, поддерживающего этот атрибут; все основные браузеры поддерживают этот атрибут.

	Firefox 1+ Google Chrome 1+ Internet Explorer 8+ Apple Safari 1+ Opera 4+

Предупреждение: Интернет-Explorer 7 и более ранние версии не поддерживают этот border-spacing атрибут. IE8 поддерживает его только в<!DOCTYPE>Эта функция поддерживается только при указании a.

Для чтения дальше

Узнайте больше из следующих руководств:CSS таблица,CSS рамка,CSS3 рамка.

Свойства таблицы:border-collapse,empty-cells,table-layout.

Свойство border-style в CSS Свойство border-right-width в CSS