Properti border-collapse digunakan untuk menentukan model perbatasan dari tabel. Ini menentukan apakah batas-batas tabel dan sel tabelnya harus “bergabung” atau dipisahkan.
Ketika perbatasan terpisah, tabel dan masing-masing sel tabelnya dapat memiliki batas yang berbeda, dan ada ruang di antara mereka. Anda bisa mengontrol jumlah ruang antara batas sel tabel yang berdekatan menggunakan properti penskalaan perbatasan.
Ketika batas “diciutkan”, sel-sel tabel yang berdekatan berbagi batas, dan sel-sel di tepi tabel berbagi perbatasan mereka dengan batas-batas tabel itu sendiri.
Dua tabel dalam gambar identik, kecuali bahwa model perbatasan mereka ditentukan menggunakan border-collapse
Trivia & Catatan
Dalam model batas yang diciutkan, nilai gaya perbatasan inset berperilaku seperti alur, dan awal berperilaku seperti punggungan. Lihat entri properti bergaya perbatasan untuk informasi lebih lanjut.
Official Syntax
border-collapse: collapse | separate | inherit
Value
- separate
- Gunakan model batas yang dipisahkan. Tabel dan sel-selnya semuanya memiliki batas yang berbeda.
- collapse
- Gunakan model batas yang diciutkan. Perbatasan tabel dan sel tabel digabung dan dibagikan di antara mereka.
- inherit
- Mewarisi model perbatasan yang sama dari induknya.
Contoh
table { border-collapse: collapse; } table.stats { border-collapse: separate; }