Cara Menggunakan Property CSS border-collapse

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;
}

 

DUMET School Author

DUMET School adalah tempat kursus website, kursus desain grafis, kursus digital marketing, kursus video editing dan kursus mobile apps terbaik di Jakarta dan Depok.

Leave a Reply

Your email address will not be published. Required fields are marked *