Proprietà CSS grid-row-gap

Definizione e uso

L'attributo grid-row-gap definisce la dimensione dello spaziatura tra le righe nella layout di griglia.

Vedi anche:

Guida CSS:Layout di griglia CSS

Manuale di riferimento CSS:Proprietà grip-gap

Manuale di riferimento CSS:Proprietà grip-column-gap

Esempio

Imposta lo spaziatura delle righe a 50 pixel:

.grid-container {
  grid-row-gap: 50px;
}

Prova personalmente

Sintassi CSS

grid-row-gap: length;

Valore dell'attributo

Valore Descrizione
length Qualsiasi valore di lunghezza legittimo. Ad esempio, pixel o percentuale. Il valore predefinito è 0.

Dettagli tecnici

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

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta completamente l'attributo.

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