border-collapse

Опис CSS властивості border-collapse:

Встановлює, як відображати межі навколо клітинок таблиці. Цей параметр відіграє роль, коли для осередків встановлена рамка, тоді в місці стику осередків вийде лінія подвійний товщини. Значення collapse змушує браузер прибирати в таблиці подвійні лінії. Встановлює, як відображати межі навколо клітинок таблиці. Цей параметр відіграє роль, коли для осередків встановлена рамка, в такому випадку в місці стику осередків вийде лінія подвійний товщини. Додавання значення collapse змушує браузер аналізувати подібні місця в таблиці і прибирати в ній подвійні лінії. При цьому між осередками залишається тільки одна межа, одночасно належить обом осередкам. Те ж правило дотримується і для зовнішніх меж, коли навколо самої таблиці додається рамка.

Синтаксис CSS властивості border-collapse:

border-collapse: inherit | collapse | separate

Аргументи CSS властивості border-collapse:

inherit - властивості успадковуються у батьків елемента. Цей аргумент підтримується тільки в браузерах Netscape 7 і Opera 7. collapse - лінія між осередками відображається як одна. separate - навколо кожного осередку відображається своя власна рамка, в місцях зіткнення осередків показуються відразу дві лінії.

Значення по замовчуванні CSS властивості border-collapse:

separate

Наслідування CSS властивості border-collapse:

не наслідується

Приклад використання CSS властивості border-collapse:

TABLE { width: 300px; border: 4px double black; border-collapse: collapse } TH { text-align: left; background: #ccc; padding: 5px; border: 1px solid black } TD { padding: 5px; border: 1px solid black }

Використання CSS властивості border-collapse:

До тегу TABLE або до елементів, у яких значення властивості display встановлено як table або inline-table.

Додаткові відомості про CSS властивість border-collapse:

Браузер Opera іноді проявляє деякі дивацтва у відображенні кордонів. Наприклад, лінії можуть з'являтися в тому місці, де їх з міркувань розробників бути не повинно.