CSS grid-row egenskap

Definition och användning

grid-row-egenskapsen definierar storleken på nätverksobjektet och dess plats i nätverkslayouten och är en förkortning för följande egenskaper:

Se också:

CSS-tutorial:CSS-grid-läggning

Exempel

Exempel 1

Låt "item1" börja på rad 1 och sträcka sig över två rader:

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

Prova själv

Exempel 2

Du kan använda radlinjevärden i stället för antalet rader att sträcka sig över:

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

Prova själv

CSS-syntax

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

Egenskapsvärde

Värde Beskrivning
grid-row-start Bestäm från vilken rad elementen börjar visas.
grid-row-end Bestäm var på radlinjen att visa elementen slutar, eller hur många rader de sträcker sig över.

Tekniska detaljer

Standardvärde: auto / auto
Arv: Nej
Animeringsproduktion: Stöds. Se vidare:Animeringsrelaterade egenskaper.
Version: CSS Grid Layout Module Level 1
JavaScript-syntax: object.style.gridRow="2 / span 2"

Webbläsarstöd

Tal i tabellen anger den första webbläsarversion som helt stöder egenskapen.

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