CSS grid-row-gap egenskab

Definition og brug

grid-row-gap egenskab definerer størrelsen af rækkeafstanden i netlayoutet.

Se også:

CSS tutorial:CSS grid layout

CSS reference manual:grip-gap egenskab

CSS reference manual:grip-column-gap egenskab

Eksempel

Sæt rækkeafstanden til 50 pixels:

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

Prøv det selv

CSS syntaks

grid-row-gap: length;

Egenskabsværdi

Værdi Beskrivelse
length Enhver gyldig længdeværdi. For eksempel pixels eller procent. Standardværdien er 0.

Tekniske detaljer

Standardværdi: 0
Arv: Nej
Animation lavet af: Understøttet. Se venligst:Animation relaterede egenskaber.
Version: CSS Grid Layout Module Level 1
JavaScript syntaks: object.style.gridRowGap="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