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