CSS grid-row egenskab

Definition og brug

grid-row-egenskaben bestemmer størrelsen på netværksobjektet og dens placering i netværkslayoutet og er en forkortelse for følgende egenskaber:

Se også:

CSS vejledning:CSS Grid Layout

Eksempel

Eksempel 1

Lad "item1" begynde på række 1 og krydse to rækker:

.item1 {
  grid-row: 1 / span 2;
}

Prøv det selv

Eksempel 2

Du kan bruge rækkeværdien i stedet for antallet af rækker, du vil krydse:

.item1 {
  grid-row: 1 / 3;
}

Prøv det selv

CSS syntaks

grid-row: grid-row-start / grid-row-end;

Egenskabsværdi

Værdi Beskrivelse
grid-row-start Angiver fra hvilken række projektet skal begynde at blive vist.
grid-row-end Angiver, hvor projektet stopper med at blive vist på hvilken række, eller hvor mange rækker det krydser.

Tekniske detaljer

Standardværdi: auto / auto
Arv: Nej
Animation production: Understøttet. Se også:Animationsrelaterede egenskaber。
Version: CSS Grid Layout Module Level 1
JavaScript syntaks: object.style.gridRow="2 / span 2"

Browserunderstøttelse

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

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