CSS grid-auto-rijen eigenschap

Definitie en gebruik

De grid-auto-rows eigenschap stelt de afmeting van de rijen in de grid-container in.

Deze eigenschap beïnvloedt alleen de rijen die geen afmeting hebben ingesteld.

Zie ook:

CSS handleiding:CSS grid-layout

CSS referentiemanual:grid-auto-columns eigenschap

Voorbeeld

Stel de standaardafmeting van de rij in de grid in:

.grid-container {
  display: grid;
  grid-auto-rows: 150px;
}

Probeer het zelf uit

CSS syntaxis

grid-auto-rows: auto|max-content|min-content|length;

Eigenschapswaarde

Waarde Beschrijving
auto Standaardwaarde. De afmeting van de rij wordt bepaald door de afmeting van het grootste item in de rij.
max-content Stel de afmeting van elke rij in op basis van de grootste item in de rij.
min-content Stel de afmeting van elke rij in op basis van de grootste item in de rij.
length Stel de afmeting van de rij in door gebruik te maken van geldige lengtevelden. RaadpleegLengte-eenheid.

Technische details

Standaardwaarde: auto
Inherit: Nee
Animatieproductie: Ondersteund. Raadpleeg:Animatiegerelateerde eigenschappen.
Versie: CSS Grid Layout Module Level 1
JavaScript syntaxis: object.style.gridAutoRows="60px"

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