Sifat column-count

Sifat column-count menetapkan bilangan lajur disyorkan dalam teks berbilang lajur. Bilangan sebenarnya mungkin berbeza daripada yang ditetapkan, bergantung pada lebar lajur dan saiz jurang antara mereka.

Sintaks

selector {
	column-count: nombor | auto;
}

Nilai

Nilai	Keterangan
nombor	Menetapkan bilangan lajur yang ditentukan. Lebih tepat, mencadangkan kepada pelayar untuk menggunakan bilangan lajur ini, kerana bilangan sebenarnya mungkin berbeza daripada yang ditetapkan, bergantung pada lebar lajur dan saiz jurang antara mereka.
`auto`	Pelayar sendiri memilih bilangan lajur optimum.

Nilai lalai: auto.

Contoh

Dalam contoh ini, teks akan dibahagikan kepada 3 lajur (sudah tentu, dalam pelayar yang menyokong kebolehan berbilang lajur, dalam yang lain hanya akan menjadi teks biasa dalam satu lajur):

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

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

Contoh . Nilai auto

Dalam contoh ini, lebar lajur column-width ditentukan sebagai 150px, dan bilangannya column-count ditetapkan kepada nilai auto - pelayar sendiri akan memilih bilangan lajur yang diperlukan dan jurang antara mereka:

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

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

Lihat juga

sifat column-width,
yang menetapkan lebar lajur
sifat column-gap,
yang menetapkan jurang antara lajur
sifat column-rule,
yang menetapkan sempadan antara lajur
sifat column-span,
yang menetapkan bilangan lajur yang sepatutnya direntang oleh elemen
sifat columns,
yang merupakan sifat singkatan untuk kebolehan berbilang lajur