column-gap

par 2 contributeurs :

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

Spécification Statut Commentaire
CSS Multi-column Layout Module Candidate Recommendation  

Compatibilité des navigateurs

Fonction Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Support de base (Oui)-webkit 1.5 (1.8)-moz [*] 10 11.1 3.0 (522)-webkit
Fonction Android Chrome for Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Support de base ? ? (Oui) ? ? ?

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

Voir également

Étiquettes et contributeurs liés au document

Étiquettes : 
Contributeurs à cette page : teoli, FredB
Dernière mise à jour par : teoli,
Masquer la barre latérale