Egenskapen column-count
Egenskapen column-count angir et anbefalt
antall kolonner i flerkolonne tekst.
Det faktiske antallet kan avvike fra
det angitte, avhengig av kolonnebredden
og størrelsen på mellomrommet mellom dem.
Syntaks
selector {
column-count: tall | auto;
}
Verdier
| Verdi | Beskrivelse |
|---|---|
| tall | Angir det oppgitte antallet kolonner. Mer nøyaktig, anbefaler det til nettleseren å bruke dette antallet kolonner, ettersom det faktiske antallet kan avvike fra det angitte, avhengig av kolonnebredden og størrelsen på mellomrommet mellom dem. |
auto |
Nettleseren velger selv det optimale antallet kolonner. |
Standardverdi: auto.
Eksempel
I dette eksemplet vil teksten bli delt inn i 3
kolonner (selvfølgelig, i nettlesere som
støtter flerkolonnetekst, i andre
vil det bare være vanlig tekst i én kolonne):
<div id="elem">
some long text
</div>
#elem {
column-count: 3;
text-align: justify;
}
:
Eksempel . Verdien auto
I dette eksemplet er kolonnebredden column-width
satt til 150px, og antallet column-count
er satt til verdien auto - nettleseren vil selv
velge nødvendig antall kolonner og
mellomrom mellom dem:
<div id="elem">
some long text
</div>
#elem {
column-count: auto;
column-width: 150px;
text-align: justify;
}
:
Se også
-
egenskapen
column-width,
som angir bredden på en kolonne -
egenskapen
column-gap,
som angir mellomrommet mellom kolonner -
egenskapen
column-rule,
som angir en kantlinje mellom kolonner -
egenskapen
column-span,
som angir antall kolonner et element skal strekke seg over -
egenskapen
columns,
som er en snarveisegenskap for flerkolonnetekst