CSS kolonner egenskab

Definition og brug

columns egenskab er en kortformse egenskab, der bruges til at indstille kolonnebredden og antallet af kolonner.

Se også:

CSS3 tutorial:CSS3 flere kolonner

HTML DOM reference manual:columns egenskab

Eksempel

Definerer bredden og antallet af kolonner:

div
{
columns:100px 3;
}

Prøv det selv

Der er flere eksempler nederst på siden.

CSS syntax

columns: column-width column-count;

Egenskabsværdi

Værdi Beskrivelse
column-width Kolonnens bredde.
column-count Antal kolonner.

Tekniske detaljer

Standardværdi: auto auto
Arv: nej
Version: CSS3
JavaScript syntax: object.style.columns="100px 3"

Flere eksempler

Column-count
Del teksten i tre kolonner i div-elementet.
Column-gap
Del teksten i tre kolonner i div-elementet, med en afstand på 30 pixels mellem kolonnerne.
Column-rule
Definerer bredden, stilen og farven på kolonnerne.

Browserunderstøttelse

Tallene i tabellen angiver den første browserversion, der fuldt ud understøtter egenskaben.

Tallene med -webkit- eller -moz- indikerer den første version, der bruger præfikset.

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