Справочник по CSS : Тематический указатель : Справочник по свойствам и атрибутам : Расположение и границы : border-spacing
смотрим также
Материал из Справочник Web-языков
Содержание |
border-spacing
Задает расстояние между границами соседних ячеек таблицы.
Синтаксис
border-spacing: <length> <length>? | inherit |
Используемые значения
Используются одно или два значения.
- <length>
- Значение для расстояния и между горизонтальными границами для соседних ячеек в стороке, и между вертикальными для соседних ячеек в столбце.
- <length> <length>
- Первое значение задает расстояние между границами соседних ячеек в строке, второе - между соседними ячейками в столбце.
Значением по умолчанию является 0. Атрибут Каскадных таблиц стилей (CSS) наследуется.
Замечания
Свойство border-spacing является эквивалентом HTML атрибута cellspacing, но в отличие от него может задать различное расстояние между соседними горизонтальными и вертикальными ячейками.
- Свойство border-spacing применяется только тогда, когда значением border-collapse является separate.
- Свойство border-spacing также используется для задания расстояния между ячейками и внешним краем таблицы. Это расстояние между первой/последней ячейкой в строке или столбце и границей таблицы будет равно сумме соответствующих горизонтального или вертикального отступов border-spacing и отступов padding (top, right, bottom или left) самой таблицы.
Примеры
В примере показано как описать свойство border-spacing.
table { border-spacing: 10px 5px; }
Стандарты
Это свойство описано в CSS 2.1 Tables #border-spacing
Поддерживаемые браузеры
Internet Explorer 8.0
Opera 7.0, 8.0, 9.2, 9.5, 9.6, 10.0
Safari 1.0, 2.0, 3.1
Firefox 1.0, 2.0, 3.0, 3.5
Смотрите также
caption-side, table-layout, border-collapse, empty-cells