CSS column-count egenskab

Definisjon og bruk

column-count egenskapen bestemmer hvor mange kolonner elementet skal deles inn i.

Se også:

CSS3 tutorial:CSS3 flere kolonner

HTML DOM referansehåndbok:columnCount egenskap

Eksempel

Del teksten i tre kolonner i div-elementet:

div
{
column-count:3;
}

Prøv det selv

Det er flere eksempler nedenfor på siden.

CSS syntax

column-count: number|auto;

Egenskapsverdi

Verdi Beskrivelse Test
number Det beste antall kolonner for å dele inn elementinnholdet. Test
auto Antall kolonner bestemmes av andre egenskaper, for eksempel "column-width". Test

Teknisk detalj

Standardverdi: auto
Arv: nei
Versjon: CSS3
JavaScript syntax: object.style.columnCount=3

Flere eksempler

Column-gap
Deler teksten i tre kolonner i div-elementet og bestemmer 30 pixels mellomrom mellom kolonnene.
Column-rule
Definerer bredden, stilen og fargen på kolonnene.

Nettleserstøtte

Tabellen nummererer den første nettleserversjonen som fullt ut støtter egenskapen.

Chrome IE / Edge Firefox Safari Opera
50.0
4.0 -webkit-		 10.0 52.0
2.0 -moz-		 9.0
3.1 -webkit-		 37.0
15.0 -webkit
11.1