The border-collapseproperti untuk digunakan pada
display: table display: inline-table
separate(default) - di mana semua sel tabel memiliki batas independennya sendiri dan mungkin ada spasi di antara sel tersebut juga.collapse- di mana spasi dan batas antar sel tabel diciutkan sehingga hanya ada satu batas dan tidak ada spasi di antara sel.
Ketika border-collapseadalah collapse, perlu dicatat bahwa sifat seperti border-spacingdan border-radius(di perbatasan yang sebenarnya) tidak melakukan apa-apa. Anda akan membutuhkan border-collapse: separate;jika Anda membutuhkan salah satu dari hal-hal itu.
Berikut adalah contoh di mana Anda dapat bertukar di antara keduanya:
Lihat
Tabel Pena dengan Sel Bulat oleh Chris Coyier (@chriscoyier)
di CodePen.
Dukungan Browser
elemen (atau elemen yang dibuat untuk berperilaku seperti tabel melalui atau). Ada dua nilai:| Chrome | Safari | Firefox | Opera | YAITU | Android | iOS |
|---|---|---|---|---|---|---|
| Bekerja | Bekerja | Bekerja | Bekerja | Bekerja | Bekerja | Bekerja |