border-collapse
Поддержка браузерами
| 12.0+ | 5.0+ | 1.0+ | 1.0+ | 4.0+ | 1.2+ |
Описание
CSS свойство border-collapse определяет модель отображаемой рамки для таблицы. Это имеет большое влияние на внешний вид и стиль ячеек таблицы.
По умолчанию свойство установлено в значение "separate" - это традиционная модель рамок для таблицы в HTML, когда смежные ячейки таблицы имеют свои собственные различные рамки. Расстояние между рамками ячеек контролируется свойством border-spacing.
Если модель рамки, заданная по умолчанию, не подходит, то можно воспользоваться значением "collapse" - это приведет к объединению рамок между ячейками и таблицей, то есть будет только одна общая рамка без пространства между ячейками.
| Значение по умолчанию: | separate |
|---|---|
| Применяется: | к table и inline-table элементам |
| Анимируется: | нет |
| Наследуется: | да |
| Версия: | CSS2 |
| Синтаксис JavaScript: | object.style.borderCollapse="collapse" |
Синтаксис
border-collapse: separate|collapse|inherit;
Значения свойства
| Значение | Описание |
|---|---|
| collapse | Рамки объединяются в одну, когда это возможно (свойства border-spacing и empty-cells будут проигнорированы). |
| separate | Рамки раздельные (свойства border-spacing и empty-cells не игнорируются). |
| inherit | Указывает, что значение наследуется от родительского элемента. |
Пример
CSS Свойство:
border-collapse:
Результат:
| Ячейка таблицы | Ячейка таблицы |
| Ячейка таблицы | Ячейка таблицы |
CSS Код:
div {
border-collapse: collapse;
}
border-collapse: collapse;
}