Attribut grid-row-gap CSS

Définition et utilisation

L'attribut grid-row-gap définit la taille de l'intervalle de ligne dans la mise en page en grille.

Voir également :

Tutoriel CSS :Mise en page en grille CSS

Manuel de référence CSS :Attribut grip-gap

Manuel de référence CSS :Attribut grip-column-gap

Exemple

Définir l'intervalle de ligne à 50 pixels :

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

Essayez-le vous-même

Syntaxe CSS

grid-row-gap: length;

Valeur de l'attribut

Valeur Description
length Toute valeur de longueur légale. Par exemple, pixels ou pour cent. La valeur par défaut est 0.

Détails techniques

Valeur par défaut : 0
Héritage : Non
Réalisation de l'animation : Prise en charge. Voir :Propriétés liées aux animations.
Version : Module de mise en page en grille CSS niveau 1
Syntaxe JavaScript : object.style.gridRowGap="50px"

Prise en charge du navigateur

Les nombres dans le tableau indiquent la version du navigateur la première à prendre en charge cette propriété.

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