CSS grid-auto-rows egenskap

Definition och användning

grid-auto-rows-egenskapen ställer in storleken på rader i nätverksbehållaren.

Denna egenskap påverkar bara rader som inte har en storlek inställd.

Se också:

CSS-tutorial:CSS-gridlayout

CSS-referenshandbok:grid-auto-columns-egenskapen

Exempel

Ställ in standardstorleken för rader i nätverket:

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

Prova själv

CSS-syntax

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

Egenskapsvärde

Värde Beskrivning
auto Standardvärde. Radens storlek bestäms av storleken på den största komponenten i raden.
max-content Ställ in varje radens storlek baserat på den största komponenten i raden.
min-content Ställ in varje radens storlek baserat på den största komponenten i raden.
length Ställ in radens storlek genom att använda giltiga längdvärden. SeLängdenheter.

Tekniska detaljer

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

Webbläsarstöd

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

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