border-collapse
Оновлено: 17.01.2023
border-collapse
Встановлює, як відображати межі навколо клітинок таблиці. Ця властивість відіграє роль, коли для клітинок встановлено рамку, тоді в місці стику клітинок вийде лінія подвійної товщини. Значення collapse змушує браузер аналізувати подібні місця в таблиці та прибирати в ній подвійні лінії (рис. 1). При цьому між комірками залишається тільки одна межа, яка одночасно належить обом коміркам. Те саме правило дотримується і для зовнішніх кордонів, коли навколо самої таблиці додається рамка.
Коротка інформація
| Значення за замовчуванням | separate |
| Успадковуєтсья | Так |
| Застосовується | До елемента <table> або до елементів, у яких значення display встановлено як table або inline-table |
| Анімується | Нв |
Синтаксис
border-collapse: collapse | separate
Значення
| collapse | Лінія між комірками відображається тільки одна, також ігнорується значення атрибута cellspacing. |
| separate | Навколо кожного осередку відображається своя власна рамка, у місцях зіткнення осередків показуються відразу дві лінії. |
Приклад
Об'єктна модель
Об'єкт.style.borderCollapse
Примітка
Internet Explorer до версії 8.0 не скасовує дію атрибута cellspacing.