Attribut grid-column-gap CSS

Définition et utilisation

L'attribut grid-column-gap définit la taille de l'intervalle entre les colonnes dans la mise en page en grille.

Voir également :

Tutoriel CSS :Mise en page en grille CSS

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

Manuel de référence CSS :grip-row-gap attribut

Exemple

Définir l'intervalle entre les colonnes à 50 pixels :

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

Essayer vous-même

Syntaxe CSS

grid-column-gap: length;

Valeur de l'attribut

Valeur Description
length Toute valeur de longueur légale, par exemple en pixels ou en pourcentage. La valeur par défaut est 0. VoirUnité de longueur.

Détails techniques

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

Support du navigateur

Les nombres dans le tableau indiquent la première version de navigateur qui prend en charge cette propriété.

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