mozilla

column-count

Résumé

La propriété CSS column-count décrit le nombre de colonnes de l'élément.

  • Valeur initiale auto
  • S'applique à éléments non-replacés de type block ou table, ou éléments de type table-cell ou inline-block
  • Héritée non
  • Pourcentages
  • Média visual
  • Valeur calculée comme spécifié
  • Animable oui, comme un entier
  • Ordre canonique l'ordre unique et non-ambigu défini par la grammaire formelle

Syntaxe

column-count: entier     ou
column-count: auto

où :

auto
Est un mot-clé indiquant que le nombre de colonnes doit être déterminé par d'autres propriétés CSS, comme column-width.
entier
Est un <integer> strictement positid décrivant le nombre idéal de colonnes dans lesquelles le contenu doit être réparti. Si la propriété column-width est aussi définie à une valeur différente de auto, elle indique aussi le nombre maximum de colonnes admissible.

Exemples

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

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 Mobile Opera Mobile Safari Mobile
Support de base ? ? (Oui) ? ? ?

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