Sifat column-rule

Sifat column-rule menetapkan sempadan antara lajur dalam teks berbilang lajur. Dari segi nilai yang diterima, ia sepadan dengan sifat border.

Contoh . Jenis solid

Dalam contoh ini, teks akan dibahagikan kepada 3 lajur dengan sempadan antara lajur dalam bentuk garisan padu setebal 1px (jarak antara lajur akan terbentuk secara automatik, kerana column-gap ditetapkan kepada 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 dibahagikan kepada 3 lajur dengan jarak antara mereka sebanyak 50px. Sempadan akan melalui tengah-tengah jarak (kanan dan kiri sempadan akan ada 25px setiap satu):

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

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

Lihat juga

sifat column-width,
yang menetapkan lebar lajur
sifat column-count,
yang menetapkan bilangan lajur
sifat column-gap,
yang menetapkan jarak antara lajur
sifat column-span,
yang menetapkan bilangan lajur yang mesti direntangkan oleh elemen
sifat columns,
yang merupakan sifat singkatan untuk berbilang lajur