CSS grid-column-gap egenskab

Definition og brug

grid-column-gap egenskab definerer størrelsen af kolonneskilleintervallet i rutenetværk.

Se også:

CSS tutorial:CSS Grid Layout

CSS reference manual:grip-gap egenskab

CSS reference manual:grip-row-gap egenskab

Eksempel

Sæt kolonneskilleintervallet til 50 pixels:

.grid-container {
  grid-column-gap: 50px;
}

Prøv det selv

CSS-syntaks

grid-column-gap: length;

Egenskabsværdi

Værdi Beskrivelse
length Enhver gyldig længdeværdi, f.eks. pixels eller procent. Standardværdien er 0. Se ogsåLængdeenhed.

Tekniske detaljer

Standardværdi: 0
Arv: Nej
Animationer lavet af: Understøttet. Se også:Animationsrelaterede egenskaber.
Version: CSS Grid Layout Module Level 1
JavaScript-syntaks: object.style.gridColumnGap="50px"

Browserunderstøttelse

Tabelens tal angiver den første browserversion, der fuldt ud understøtter egenskaben.

Chrome IE / Edge Firefox Safari Opera
57 16 52 10 44