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