Properti column-rule

Properti column-rule mengatur batas antara kolom dalam teks multi-kolom. Dalam nilai yang diterima, properti ini sama dengan properti border.

Contoh . Tipe solid

Dalam contoh ini, teks akan dibagi menjadi 3 kolom dengan batas antara kolom berupa garis padat dengan ketebalan 1px (jarak antara kolom akan terbentuk secara otomatis, karena column-gap diatur ke nilai normal):

<div id="elem">
	some long text
</div>

#elem {
	column-rule: 1px solid black;
	column-count: 3;
	column-gap: normal;
	text-align: justify;
}

Contoh . Pengaruh column-gap

Dalam contoh ini, teks akan dibagi menjadi 3 kolom dengan jarak antar kolom sebesar 50px. Batas akan berada di tengah-tengah jarak tersebut (kanan dan kiri batas akan terdapat 25px masing-masing):

<div id="elem">
	some long text
</div>

#elem {
	column-rule: 1px solid black;
	column-count: 3;
	column-gap: 50px;
	text-align: justify;
}

Lihat juga

properti column-width,
yang mengatur lebar kolom
properti column-count,
yang mengatur jumlah kolom
properti column-gap,
yang mengatur jarak antara kolom
properti column-span,
yang mengatur jumlah kolom yang harus direntangkan oleh sebuah elemen
properti columns,
yang merupakan properti shorthand untuk multi-kolom