mozilla
Vos résultats de recherche

    column-fill

    Résumé

    La propriété CSS column-fill contrôle la manière dont le contenu est découpé entre les colonnes. Le contenu peut être réparti également, ce qui signifie que toutesles colonnes auront la même hauteur, ou en utilisant auto, simplmeent prendre l'espace dont le contenu à besoin.

    • Valeur initiale balance
    • S'applique à éléments de type multicol
    • Héritée non
    • Pourcentages
    • Média visual, but, in continuous media, has no effect in overflow columns
    • Valeur calculée comme spécifié
    • Animable non
    • Ordre canonique l'ordre unique et non-ambigu défini par la grammaire formelle

    Syntaxe

    column-fill: auto     ou
    column-fill: balance
    

    où :

    auto
    Est un mot-clé qui indique que les colonnes sont remplies de manière successive.
    balance
    est un mot-clé qui indique que le contenu est réparti équitablement entre les colonnes.

    Exemples

    .content-box {
      column-count: 4;
      column-rule: 1px solid black;
      column-fill: balance;
      height: 200px;
    }
    

    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 ? 13.0 (13.0)-moz ? ? ?
    Fonction Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
    Support de base ? ? 13.0 (13.0)-moz ? ? ?

    Voir également

    Étiquettes et contributeurs liés au document

    Étiquettes : 
    Contributors to this page: teoli, FredB, Delapouite
    Dernière mise à jour par : teoli,
    Masquer la barre latérale