CSS свойство border-spacing, поддержка в браузерах, примеры использования // Вебшкола онлайн



up_violet-5120087Перейти к справке CSS

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

}

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

Свойство CSS border-spacing задает дистанцию между границами соседних ячеек в таблице (только для ячеек со стилем separate).

Значение по умолчанию нет
Наследование да
Версия CSS CSS 2
Синтаксис JavaScript object.style.borderSpacing=»15px»

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

chrome-6667267 firefox-9969897 ie-9702279 opera-8332320 safari-6533145
Свойство border-spacing поддерживается всеми основными браузерами.

Заметка: Internet Explorer 8 (и выше) поддерживают свойство border-spacing, только если указан DOCTYPE.

Возможные значения свойства border-spacing

Значение Описание
длина длина

Расстояние между границами соседних ячеек в px (пикселях), cm (сантиметрах) и тд. Отрицательные значения запрещены:

  • если указана одна величина, она является дистанцией и по вертикали, и по горизонтали
  • если указаны две величины, первая является размером по горизонтали, вторая —размером по вертикали
inherit Значение наследуется от родительского элемента

Связанные страницы

Учебник CSS: Форматирование таблиц в CSS

up_violet-5120087Перейти к справке CSS