Стиль границыСвойство Collapse
Пример
Свернуть границу таблицы:
document.getElementById("myTable").style.borderCollapse = "collapse";
Другие примеры «Попробуйте сами» ниже.
Определение и использование
Свойство borderCollapse задает или возвращает, должна ли граница таблицы сворачиваться в одну границу или нет.
Поддержка браузера
Цифры в таблице указывают на первую версию браузера, которая полностью поддерживает это свойство.
| Property | |||||
|---|---|---|---|---|---|
| borderCollapse | 1.0 | 5.0 | 1.0 | 1.2 | 4.0 |
Синтаксис
Верните свойство borderCollapse:
object.style.borderCollapse
Установите свойство borderCollapse:
object.style.borderCollapse = "separate|collapse|initial|inherit"
Значения свойств
| Value | Description |
|---|---|
| separate | Separate borders are drawn for all table cell elements. This is default |
| collapse | Borders are not drawn between table cell elements |
| initial | Sets this property to its default value. Read about initial |
| inherit | Inherits this property from its parent element. Read about inherit |
Технические детали
| Значение по умолчанию: | отдельный |
|---|---|
| Возвращаемое значение: | Строка, представляющая границы таблицы |
| CSS-версия | CSS2 |
Дополнительные примеры
Пример
Верните свойство borderCollapse:
alert(document.getElementById("myTable").style.borderCollapse);
Связанные страницы
Учебное пособие по CSS: Таблица CSS
Справочник по CSS: свойство border-collapse