Properti column-count

Properti column-count mengatur rekomendasi jumlah kolom dalam teks multi-kolom. Jumlah sebenarnya mungkin berbeda dari yang ditentukan, tergantung pada lebar kolom dan ukuran jarak di antaranya.

Sintaks

selektor {
	column-count: angka | auto;
}

Nilai

Nilai	Deskripsi
angka	Menentukan jumlah kolom yang ditentukan. Lebih tepatnya, merekomendasikan browser untuk menggunakan jumlah kolom ini, karena jumlah sebenarnya mungkin berbeda dari yang ditentukan, tergantung pada lebar kolom dan ukuran jarak di antaranya.
`auto`	Browser sendiri yang memilih jumlah kolom yang optimal.

Nilai default: auto.

Contoh

Dalam contoh ini, teks akan dibagi menjadi 3 kolom (tentu saja, di browser yang mendukung multi-kolom, di browser lainnya akan menjadi teks biasa dalam satu kolom):

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

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

Contoh . Nilai auto

Dalam contoh ini, lebar kolom column-width ditentukan sebesar 150px, dan jumlahnya column-count diatur ke nilai auto - browser sendiri yang akan memilih jumlah kolom yang diperlukan dan jarak di antaranya:

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

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

Lihat juga

properti column-width,
yang mengatur lebar kolom
properti column-gap,
yang mengatur jarak antar kolom
properti column-rule,
yang mengatur batas antar kolom
properti column-span,
yang mengatur jumlah kolom yang harus direntangkan oleh elemen
properti columns,
yang merupakan properti singkatan untuk multi-kolom