Savybė column-count
Savybė column-count nurodo rekomenduojamą
stulpelių skaičių kelių stulpelių tekste.
Jų faktinis skaičius gali skirtis nuo
nurodyto, priklausomai nuo stulpelio pločio
ir tarpų tarp jų dydžio.
Sintaksė
selektorius {
column-count: skaičius | auto;
}
Reikšmės
| Reikšmė | Aprašas |
|---|---|
| skaičius | Nurodo nurodytą stulpelių skaičių. Tiksliau, rekomenduoja naršyklei naudoti šį stulpelių skaičių, kadangi jų faktinis skaičius gali skirtis nuo nurodyto, priklausomai nuo stulpelio pločio ir tarpų tarp jų dydžio. |
auto |
Naršyklė pati parenka optimalų stulpelių skaičių. |
Numatytoji reikšmė: auto.
Pavyzdys
Šiame pavyzdyje tekstas bus suskirstytas į 3
stulpelius (žinoma, naršyklėse, kurios
palaiko kelių stulpelių rodinį, kituose
bus tiesiog įprastas vieno stulpelio tekstas):
<div id="elem">
some long text
</div>
#elem {
column-count: 3;
text-align: justify;
}
:
Pavyzdys . Reikšmė auto
Šiame pavyzdyje nurodytas stulpelio plotis column-width
150px, o jų skaičius column-count
yra nustatytas reikšme auto - naršyklė pati
pasirinks reikiamą stulpelių skaičių ir
tarpą tarp jų:
<div id="elem">
some long text
</div>
#elem {
column-count: auto;
column-width: 150px;
text-align: justify;
}
:
Taip pat žiūrėkite
-
savybė
column-width,
kuri nurodo stulpelio plotį -
savybė
column-gap,
kuri nurodo tarpą tarp stulpelių -
savybė
column-rule,
kuri nurodo sienelę tarp stulpelių -
savybė
column-span,
kuri nurodo stulpelių skaičių, kuriuose elementas turi tęstis -
savybė
columns,
kuri yra sutrumpintoji savybė kelių stulpelių rodiniui