CSS grid-row-end egenskap

Definition och användning

grid-row-end-egenskapen bestämmer hur många rader objektet ska korsa, eller vid vilken radlinje objektet ska sluta.

Se exempel vid sidans slut.

Se också:

CSS-handbok:CSS-grid

Exempel

Exempel 1

Låt "item1" korsa tre rader:

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

Prova själv

Exempel 2

Du kan använda radlinjenvärdet istället för antalet rader att korsa:

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

Prova själv

CSS-syntax

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

Egenskapsvärde

Värde Beskrivning
auto Standardvärde. Objektet kommer att korsa en rad.
span n Bestämmer hur många rader objektet kommer att korsa.
column-line Bestämmer från vilket rad som objektet ska visas slutet.

Tekniska detaljer

Standardvärde: auto
Arv: Nej
Animeringsproduktion: Stöd. Se också:Animeringsrelaterade egenskaper.
Version: CSS Grid Layout Modul Nivå 1
JavaScript-syntax: object.style.gridRowEnd="4"

Webbläsarstöd

Talen i tabellen anger den första webbläsarversion som fullständigt stöder egenskapen.

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