Устанавливает, как отображать границы вокруг ячеек таблицы. Это свойство играет роль, когда для ячеек установлена рамка, тогда в месте стыка ячеек получится линия двойной толщины (рис. 1а). Значение collapse заставляет браузер анализировать подобные места в таблице и убирать в ней двойные линии (рис. 1б). При этом между ячейками остается только одна граница, одновременно принадлежащая обеим ячейкам. То же правило соблюдается и для внешних границ, когда вокруг самой таблицы добавляется рамка.
а
б
Рис. 1. Вид таблицы при использовании свойства border-collapse
Синтаксис
border-collapse: collapse | separate | inherit
Значения
HTML5 CSS2.1 IE Cr Op Sa Fx
Результат данного примера показан на рис. 2.
Рис. 2. Вид таблицы при использовании свойства border-collapse
Устанавливает, как отображать границы вокруг ячеек таблицы. Этот параметр играет роль, когда для ячеек установлена рамка, тогда в месте стыка ячеек получится линия двойной толщины (рис. 1а). Добавление значения collapse заставляет браузер анализировать подобные места в таблице и убирать в ней двойные линии (рис. 1б). При этом между ячейками остается только одна граница, одновременно принадлежащая обеим ячейкам. То же правило соблюдается и для внешних границ, когда вокруг самой таблицы добавляется рамка.
а
б
Рис. 1. Вид таблицы при использовании атрибута border-collapse
Синтаксис
border-collapse: collapse | separate
Аргументы
ШТМЛ 4.01 CSS (ЦСС) 2.1 IE 5.5 IE 6 IE 7 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0
Результат данного примера показан ни рис. 2.
Рис. 2. Вид таблицы при использовании параметра border-collapse
Справочник по CSS : Тематический указатель : Справочник по свойствам и атрибутам : Расположение и границы : border-collapse
смотрим также
Материал из Справочник Web-языков
Содержание
Атрибут border-collapse | Свойство borderCollapse
Это свойство устанавливает, как отображать границы вокруг ячеек таблицы.
Синтаксис
Возможные значения
sCollapse Строка, которая может определять и принимать одно из следующих значений:
separate
Значение по умолчанию. Вокруг каждой ячейки отображается своя собственная рамка.
collapse
Границы между ячейками сливаются. Между ячейками отображается только одна линия.
Свойство borderCollapse не наследуется, то есть должно быть определено отдельно для каждого элемента. Значением по умолчанию является separate.
Замечания
Задание свойства borderCollapse играет роль, когда для ячеек установлена рамка, тогда в месте стыка ячеек получится линия двойной толщины. Добавление значения collapse заставляет браузер анализировать подобные места в таблице и убирать в ней двойные линии. При этом между ячейками остается только одна линия границы, одновременно принадлежащая обеим ячейкам.
То же правило соблюдается и для внешних границ, когда вокруг самой таблицы добавляется рамка.
Примеры
Пример иллюстрирует применение свойства borderCollapse и атрибута border-collapse для объединения границ ячеек в таблице.
Стандарты
Поддерживаемые браузеры
Internet Explorer частично в версиях 6.0 и 7.0, в версии 8.0 возможны ошибки
Internet Explorer до седьмой версии включительно не поддерживает значение inherit.
Internet Explorer 8 ошибочно отрисовывает границу при значении hidden свойства border-style.
If you want to report an error, or if you want to make a suggestion, do not hesitate to send us an e-mail:
Thank You For Helping Us!
Your message has been sent to W3Schools.
Top Tutorials
Top References
Top Examples
Web Courses
W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.
Internet Explorer
Netтscape
Опера
Safari
Mozilla Firefox
