Sifat column-width

Sifat column-width menetapkan lebar lajur dalam teks berbilang lajur. Nilai sifat adalah sebarang unit untuk saiz, kecuali peratusan, atau kata kunci auto (secara lalai). Apabila nilainya auto, pelayar akan memilih lebar lajur yang optimum secara automatik berdasarkan column-count dan column-gap.

Sintaks

pemilih {
	column-width: nilai;
}

Contoh . Lebar yang Ditentukan

Dalam contoh ini, lebar lajur column-width ditentukan sebagai 150px, manakala bilangannya column-count ditetapkan kepada nilai auto. Hasilnya, lebar lajur akan menjadi 150px, dan bilangan lajur serta jarak antara lajur akan dipilih secara automatik oleh pelayar:

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

#elem {
	column-count: auto;
	column-width: 150px;
	text-align: justify;
}

Contoh . Nilai auto

Dalam contoh ini, teks akan dibahagikan kepada 3 lajur (kerana column-count ditetapkan kepada nilai 3), manakala lebarnya akan dikira secara automatik:

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

#elem {
	column-width: auto;
	column-count: 3;
	text-align: justify;
}

Lihat juga

sifat column-count,
yang menetapkan bilangan lajur
sifat column-gap,
yang menetapkan jarak antara lajur
sifat column-rule,
yang menetapkan sempadan antara lajur
sifat column-span,
yang menetapkan bilangan lajur yang mesti direntang oleh elemen
sifat columns,
yang merupakan sifat singkatan untuk teks berbilang lajur