CSS grid-row-start eigenschap

Definitie en gebruik

De grid-row-start eigenschap definieert waarop regel het item begint.

Zie ook:

CSS handleiding:CSS grid layout

CSS referentiehandleiding:grid-column eigenschap

CSS referentiehandleiding:grid-column-end eigenschap

CSS referentiehandleiding:grid-row eigenschap

CSS referentiehandleiding:grid-row-end eigenschap

Voorbeeld

Maak "item1" vanaf regel 2 beginnen:

.item1 {
  grid-row-start: 2;
}

Probeer het zelf

CSS syntaxis

grid-row-start: auto|row-line;

Eigenschapswaarde

Waarde Beschrijving
auto Standaardwaarde. Het item volgt de stroompositie.
row-line Bepaalt vanaf welke regel het item wordt weergegeven.

Technische details

Standaardwaarde: auto
Inheritance: Nee
Animatieproductie: Ondersteund. Raadpleeg:Animatiegerelateerde eigenschappen.
Versie: CSS Grid Layout Module Level 1
JavaScript syntaxis: object.style.gridRowStart="3"

Browserondersteuning

De cijfers in de tabel vermelden de eerste browserversie die deze eigenschap volledig ondersteunt.

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