mozilla
Vos résultats de recherche

    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

    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 : 
    Contributors to this page: teoli, FredB
    Dernière mise à jour par : teoli,
    Masquer la barre latérale