English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Свойство border-collapse CSS определяет, складываются ли рамки ячеек таблицы в одну или остаются разделенными.
Есть два различных модели, которые можно установить на рамки ячеек таблицы в CSS.
В этой модели каждая ячейка таблицы имеет отдельную рамку.
border-spacingОтстояние между границами смежных ячеек, заданным свойством.
Внимание:В модели разделенных рамок только клетки (и таблица herself) могут иметь рамки; строки, столбцы, группы строк и группы столбцов не могут.
В модели складывающихся рамок相邻ские ячейки таблицы делят рамку.
Внимание:В модели складывающихся рамок можно指定 рамки для частей ячеек, строк, групп строк, столбцов и групп столбцов.
Атрибут border-collapse выбирает модель рамки таблицы. Значение separate выбирает модель разделенных рамок. Значение collapse выбирает модель складывающихся рамок.
В таблице ниже приведены инструкции по использованию и историю версий этого свойства, а также грамматика использования в скриптах JavaScript.
| Значение по умолчанию: | Разделение |
|---|---|
| Применяется к: | ЭтотТаблицаи вертикальные списковые элементы |
| Инherit: | Да |
| Анимировано: | Нет.См. также Анимационные свойства. |
| Версия: | CSS 2, 3 |
| JavaScript грамматика: | object object.style.borderCollapse="collapse" |
Грамматика этого свойства такая:
border-collapse: separate | collapse | initial | inherit
Ниже приведены примеры того, как использовать свойство border-collapse.
table {
border-collapse: collapse;
}
th, td {
border: 1px solid black;
}Проверьте, посмотрите ›/‹В таблице ниже описаны значения этого свойства.
| Значение | Описание |
|---|---|
| separate | Выберите модель разделённых границ. Это значение по умолчанию. |
| collapse | Выберите модель сливающихся границ.border-spacingиempty-cellsСвойство будет проигнорировано. |
| initial | Установите этот параметр в его значение по умолчанию. |
| inherit | Если указано, то связанный элемент принимает значение свойства border-collapse родительского элемента. |
Совместимость браузеров для свойства border-collapse, числа в таблице ниже представляют собой минимальную версию браузера, поддерживающего это свойство; все основные браузеры поддерживают это свойство.
|
Предупреждение: Использованиеborder-collapseПри установке свойства, всегда используйте эффективное<!DOCTYPE>в противном случае может возникнуть неожиданный результат.
См. также учебник:CSS Border,CSS3 Border.
Свойства, связанные с таблицей:border-spacing,empty-cells,table-layout.