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