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 :
Contributeurs ayant participé à cette page : Delapouite, FredB
Dernière mise à jour par : FredB,
Masquer la barre latérale