CSS grid-row-end egenskab

Definition og brug

grid-row-end-egenskaben definerer antallet af rækker, projektet skal krydse, eller hvor projektet afsluttes på en række.

Se eksemplerne på siden.

Se også:

CSS-turorial:CSS-gitterlayout

Eksempel

Eksempel 1

Lad "item1" krydse tre rækker:

.item1 {
  grid-row-end: span 3;
}

Prøv det selv

Eksempel 2

Du kan bruge værdien af rækkelinien i stedet for antallet af rækker, projektet skal krydse:

.item1 {
  grid-row-end: 3;
}

Prøv det selv

CSS-syntaks

grid-row-end: auto|row-line|span n;

Egenskabsværdi

Værdi Beskrivelse
auto Standardværdi. Projektet vil krydse én række.
span n Definerer antallet af rækker, projektet vil krydse.
column-line Definerer fra hvilken række projektet afsluttes at vises.

Tekniske detaljer

Standardværdi: auto
Arv: Nej
Animation fremstilling: Understøttet. Se venligst:Animationsrelaterede egenskaber.
Version: CSS Grid Layout Modul Niveau 1
JavaScript-syntaks: object.style.gridRowEnd="4"

Browser-understø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