Apa fungsi {border-collapse:collapse} pada style CSS

Apa fungsi {border-collapse:collapse} pada style CSS

 Fungsi dari `border-collapse: collapse` adalah untuk mengatur perilaku penggabungan atau penyatuan batas (border) antara sel-sel pada tabel dalam dokumen HTML. Ketika `border-collapse` disetel ke `collapse`, maka batas-batas (border) antara sel-sel yang berdekatan akan digabungkan sehingga terlihat seperti satu garis batas yang solid.

Dalam tabel HTML, secara default, batas-batas antara sel-sel diberikan dengan jarak atau ruang antara mereka. Ketika `border-collapse` diatur ke `collapse`, maka batas-batas tersebut akan digabungkan sehingga sel-sel berdekatan akan berbagi batas yang sama.

Penggunaan `border-collapse: collapse` dapat memberikan tampilan tabel yang lebih rapi dan seragam, dengan garis batas yang lebih halus dan terpadu antara sel-selnya. Namun, perlu diingat bahwa pengaturan ini berlaku untuk tabel secara keseluruhan dan akan mempengaruhi seluruh batas pada tabel tersebut.

Penggunaan `border-collapse: collapse` biasanya digunakan ketika ingin menciptakan tampilan tabel yang lebih sederhana dan minimalis, tanpa adanya jarak antara batas-batas sel. Namun, pilihan penggunaan ini tergantung pada preferensi desain dan tujuan dari tampilan tabel yang ingin dicapai.

Contoh Tabel disalin dari Jayasteel

Diameter (d) mm	Panjang (L) M	Berat Kg
6	12	2.66
8	12	4.74
10	12	7.4
12	12	10.66
16	12	18.96
19	12	26.76
22	12	35.81
25	12	46.2

Contoh Tabel Tanpa collapse

Diameter (d) mm	Panjang (L) M	Berat Kg
6	12	2.66
8	12	4.74
10	12	7.4
12	12	10.66
16	12	18.96
19	12	26.76
22	12	35.81
25	12	46.2

Contoh Tabel dengan Radius

Diameter (d) mm	Panjang (L) M	Berat Kg
6	12	2.66
8	12	4.74
10	12	7.4
12	12	10.66
16	12	18.96
19	12	26.76
22	12	35.81
25	12	46.2

Contoh

Besi Beton Ulir	Diameter (d) mm	Panjang (L) M	Berat Kg
Ulir 10mm x 12M (BJTS 420)	10	12	7.4
Ulir 13mm x 12M (BJTS 420)	13	12	12.48
Ulir 16mm x 12M (BJTS 420)	16	12	18.96
Ulir 19mm x 12M (BJTS 420)	19	12	26.76
Ulir 22mm x 12M (BJTS 420)	22	12	35.81
Ulir 25mm x 12M (BJTS 420)	25	12	46.2