Proprietà grid-auto-rows CSS

Definizione e uso

L'attributo grid-auto-rows imposta la dimensione delle righe nel contenitore della griglia.

Questa proprietà influisce solo sulle righe che non hanno dimensioni impostate.

Vedi anche:

Tutorial CSS:Layout a griglia CSS

Manuale CSS:Proprietà grid-auto-columns

Esempio

Imposta la dimensione predefinita delle righe nella griglia:

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

Prova tu stesso

Sintassi CSS

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

Valore dell'attributo

Valore Descrizione
auto Valore predefinito. La dimensione della riga è determinata dalla dimensione del progetto più grande nella riga.
max-content Imposta la dimensione di ogni riga in base al progetto più grande nella riga.
min-content Imposta la dimensione di ogni riga in base al progetto più grande nella riga.
length Imposta la dimensione della riga utilizzando valori di lunghezza validi. VediUnità di lunghezza.

Dettagli tecnici

Valore predefinito: auto
Ereditarietà: No
Produzione di animazioni: Supportato. Vedi:Proprietà correlate agli animazioni.
Versione: Modulo Layout di Griglia CSS Livello 1
Sintassi JavaScript: object.style.gridAutoRows="60px"

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta completamente questa proprietà.

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