column-gap

Résumé

La propriété CSS column-gap défini la taille de l'espace entre les colonnes pour les éléments dont l'affichage est défini comme un élément multicolonne.

• Valeur initiale normal
• S'applique à éléments de type multicol
• Héritée non
• Pourcentages —
• Média visual
• Valeur calculée la longueur absolue ou le mot-clé normal
• Animable oui, comme une longueur
• Ordre canonique l'ordre unique et non-ambigu défini par la grammaire formelle

Syntaxe

column-gap: <longueur>     ou
column-gap: normal

où :

normal

Est un mot-clé indiquant que l'espacement défini par le navigateur doit être utilisé. La spécification, et la plupart des navigateurs la suivent, recommande que ce mot-clé équivale à une longueur de 1em.

longueur

Est une valeur de type <longueur> définissant la taille de l'espace entre les colonnes. Cette valeur ne doit pas être négative mais peut être égale à 0.

Exemples

.content-box {
  border: 10px solid #000000;
  column-count: 3;
  column-gap: 20px;
}

Spécifications

Compatibilité des navigateurs

[*] Avant Firefox 3 (Gecko 1.9), la valeur par défaut liée au mot-clé normal était 0 et pas 1em.

Voir également

• column-width, column-count, column-gap, column-rule, column-rule-width, column-rule-style, column-rule-color, column-span, column-fill, columns