Propriété CSS grid-column-gap
Exemple
Définissez l'écart entre les colonnes sur 50 pixels :
.grid-container {
grid-column-gap: 50px;
}
Définition et utilisation
La grid-column-gappropriété définit la taille de l'écart entre les colonnes dans une disposition en grille.
Remarque : Cette propriété a été renommée en CSS3.
column-gap
| 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.gridColumnGap="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-column-gap | 57 | 16 | 52 | 10 | 44 |
Syntaxe CSS
grid-column-gap: length;
Valeurs de propriété
| Value | Description | Play it |
|---|---|---|
| length | Any legal length value, like px or %. 0 is the default value. Read about length units |
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-row-gap