border-spacing
Пример
Установите интервал между рамками для таблицы:
#table1 {
border-collapse: separate;
border-spacing: 15px;
}
#table2 {
border-collapse: separate;
border-spacing: 15px 50px;
}
Попробуйте сами »
Определение border-spacing
CSS свойство border-spacing
определяет расстояние между границами соседних ячеек.
Примечание: Это свойство работает только тогда, когда border-collapse является отдельным.
Значение по умолчанию: | 2px |
---|---|
Унаследовано: | yes |
Анимируемый: | yes. Читайте о animatable Попробуй |
Версия: | CSS2 |
JavaScript синтаксис: | object.style.borderSpacing="15px" Попробуй |
Поддержка border-spacing
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает это свойство.
Свойство | |||||
---|---|---|---|---|---|
border-spacing | 1.0 | 8.0 | 1.0 | 1.0 | 4.0 |
Синтаксис border-spacing
border-spacing: length|initial|inherit;
Значения border-spacing
Значение | Описание | Демонстрация |
---|---|---|
length length | Определяет расстояние между границами соседних ячеек в px, cm, и т.д. Отрицательные значения не допускаются.<ул>
|
Демо ❯ |
initial | Устанавливает для этого свойства значение по умолчанию. Читайте о initial | |
inherit | Наследует это свойство от своего родительского элемента. Читайте о inherit |
Страницы по теме border-spacing
CSS Учебник: CSS Таблица
HTML DOM справочник: borderSpacing свойство