Propriété CSS grid-row-gap
Exemple
Définissez l'espace entre les lignes sur 50 pixels :
.grid-container {
grid-row-gap: 50px;
}
Définition et utilisation
La grid-row-gap
propriété définit la taille de l'espace entre les lignes dans une disposition en grille.
Remarque : Cette propriété a été renommée row-gap
en CSS3.
Valeur par défaut: | 0 |
---|---|
Hérité: | non |
Animable : | Oui. En savoir plus sur l'animation |
Version: | Module de disposition de grille CSS niveau 1 |
Syntaxe JavaScript : | objet .style.gridRowGap="50px" |
Prise en charge du navigateur
Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge la propriété.
Property | |||||
---|---|---|---|---|---|
grid-row-gap | 57 | 16 | 52 | 10 | 44 |
Syntaxe CSS
grid-row-gap: length;
Valeurs de propriété
Value | Description | Play it |
---|---|---|
length | Any legal length value, like px or %. 0 is the default value |
Pages connexes
Tutoriel CSS : Mise en page de la grille CSS
Référence CSS : La propriété grid-gap
Référence CSS : La propriété grid-column-gap