CSS kolonne-intervaller egenskab

Definition og brug

column-gap egenskab definerer afstanden mellem kolonnerne.

Bemærkninger:Hvis der er sat en afstand mellem kolonnerne column-ruledet vil blive vist i midten af intervallet.

Se også:

CSS3 vejledning:CSS3 Multicolumn

HTML DOM referencehåndbog:columnGap egenskab

Eksempel

Definerer afstanden mellem kolonnerne til 40 pixels:

div {
  column-gap: 40px;
}

Prøv det selv

Der er flere eksempler nederst på siden.

CSS syntaks

column-gap: length|normal;

Egenskabsværdi

Værdi Beskrivelse Test
length Sæt afstanden mellem kolonnerne til den specificerede længde. Test
normal Definerer afstanden mellem kolonnerne som en almindelig afstand. W3C-anbefalede værdi er 1em. Test

Tekniske detaljer

Standardværdi: normal
Arv: nej
Version: CSS3
JavaScript syntaks: object.style.columnGap="40px"

Flere eksempler

Column-count
Del teksten i tre kolonner i en div-element.
Column-rule
Definerer bredden, stilen og farven mellem kolonnerne.

Browserstøtte

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

Tal med -webkit- eller -moz- som præfiks betyder første version, der bruger præfikset.

egenskab Chrome IE / Edge Firefox Safari Opera
i flere kolonner 50 10 52 10 37
i et gitter 66 16 61 12 53
i en fleksibel ramme 84 84 63 14.1 70