пример
Collapse границы таблицы:
document.getElementById("myTable").style.borderCollapse = "collapse"; Попробуй сам " Больше "Try it Yourself" примеры ниже.
Определение и использование
В borderCollapse наборы свойств или возвращения должны ли границы таблицы быть свернуты в одну границу или нет.
Поддержка браузеров
Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.
| Имущество | |||||
|---|---|---|---|---|---|
| borderCollapse | 1,0 | 5.0 | 1,0 | 1.2 | 4,0 |
Синтаксис
Возвращает свойство borderCollapse:
object .style.borderCollapse
Установите свойство borderCollapse:
object .style.borderCollapse="separate|collapse|initial|inherit"
Значения свойств
| Стоимость | Описание |
|---|---|
| separate | Отдельные границы нарисованы для всех элементов ячейки таблицы. Это по умолчанию |
| collapse | Границы не рисуются между элементами ячеек таблицы |
| initial | Установка этого свойства в значение по умолчанию. Читайте о первоначальном |
| inherit | Inherits это свойство от родительского элемента. Читайте о унаследовать |
Технические подробности
| Значение по умолчанию: | отдельный |
|---|---|
| Возвращаемое значение: | Строка, представляющая границы таблицы |
| CSS версия | CSS2 |
Еще примеры
пример
Возвращает свойство borderCollapse:
alert(document.getElementById("myTable").style.borderCollapse);
Попробуй сам " Похожие страницы
Учебник CSS: CSS Таблица
Ссылка CSS: border-collapse property
<Style Object