#border-collapse

Property CSS border-collapse digunakan untuk menentukan model border tabel.

Properti ini menentukan apakah batas-batas tabel dan sel tabelnya harus “bergabung” atau dipisahkan.

Ketika border terpisah, tabel dan masing-masing sel tabelnya dapat memiliki batas yang berbeda, dan ada ruang di antara mereka.

Kamu bisa mengontrol jumlah ruang antara sel tabel yang berdekatan menggunakan properti border-spacing.

Ketika border “diciutkan”, sel-sel tabel yang berdekatan berbagi border, dan sel-sel di tepi berbagi perbatasan mereka dengan batas-batas tabel itu sendiri.

CSS Syntax

border-collapse: separate | collapse | initial | inherit;

Javascript Script

object.style.borderCollapse="collapse"

default border-collapse: separate;

Setiap tabel sel akan menampilkan batasnya sendiri.

Dalam contoh ini, setiap sel memiliki border-width 4px . Akibatnya, batas antara sel dua akan menjadi 8px .

border-collapse: collapse;

Sel tabel yang berdekatan akan menggabungkan perbatasannya menjadi satu.

Sel yang muncul pertama dalam kode akan " menang ": perbatasannya akan menutupi sel-sel berikut.