Attribut column-gap de CSS

Définition et utilisation

L'attribut column-gap définit l'intervalle entre les colonnes.

Remarque :Si l'intervalle entre les colonnes est réglé column-ruleelle s'affichera au milieu de l'intervalle.

Veuillez également consulter :

Tutoriel CSS3 :Colonnes multiples CSS3

Manuel de référence HTML DOM :Attribut columnGap

Exemple

Définit l'intervalle entre les colonnes à 40 pixels :

div {
  column-gap: 40px;
}

Essayez-le vous-même

Plus d'exemples en bas de la page.

Syntaxe CSS

column-gap: length|normal;

Valeur de l'attribut

Valeur Description Test
length Définit l'intervalle entre les colonnes à une longueur spécifiée. Test
normal Définit l'intervalle entre les colonnes comme une distance normale. La valeur recommandée par le W3C est de 1em. Test

Détails techniques

Valeur par défaut : normal
Héritabilité : non
Version : CSS3
Syntaxe JavaScript : object.style.columnGap="40px"

Plus d'exemples

Column-count
Divise le texte dans trois colonnes à l'intérieur de l'élément div.
Column-rule
Définit la largeur, le style et la couleur entre les colonnes.

Prise en charge du navigateur

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

Les nombres avec -webkit- ou -moz- indiquent la première version utilisant le préfixe.

propriétés Chrome IE / Edge Firefox Safari Opera
dans plusieurs colonnes 50 10 52 10 37
dans la grille 66 16 61 12 53
dans le cadre élastique 84 84 63 14.1 70