CSS свойство border-collapse, поддержка в браузерах, примеры использования // Вебшкола онлайн



up_violet-1755290Перейти к справке CSS

table { border-collapse:collapse;

}

Описание и использование

Свойстов CSS border-collapse указывает на то, надо ли удваивать границы таблицы между ячейками таблицы.

Значение по умолчанию separate
Наследование да
Версия CSS CSS 2
Синтаксис JavaScript object.style.borderCollapse=»collapse»

Поддержка в браузерах

chrome-6042082 firefox-7482947 ie-8042289 opera-6064418 safari-2811797
Свойство border-collapse поддерживается всеми основными браузерами.

Заметка: ни одна версия Internet Explorer (включая IE 8) не поддерживает значение inherit.

Заметка: если не указан Doctype, свойство border-collapse может дать неожиданные результаты.

Возможные значения свойства border-collapse

Значение Описание
collapse Границы соседних ячеек превращаются в одну границу (при этом игнорируются свойства border-spacing и empty-cells)
separate Границы каждой ячейки отображаются отдельно (значения свойств border-spacing и empty-cells не игнорируются). Значение по умолчанию
inherit Значение наследуется от родительского элемента

Связанные страницы

Учебник CSS: CSS border

up_violet-1755290Перейти к справке CSS