Propriété column-count CSS

Définition et utilisation

L'attribut column-count détermine le nombre de colonnes que l'élément doit être divisé.

Voir également :

Tutoriel CSS3 :CSS3 Colonnes multiples

Manuel de référence HTML DOM :Attribut columnCount

Exemple

Diviser le texte dans l'élément div en trois colonnes :

div
{
column-count:3;
}

Essayez-le vous-même

Plus d'exemples en bas de la page.

Syntaxe CSS

column-count: number|auto;

Valeur de l'attribut

Valeur Description Test
number Le nombre optimal de colonnes pour diviser le contenu de l'élément. Test
auto Le nombre de colonnes est déterminé par d'autres propriétés, par exemple "column-width". Test

Détails techniques

Valeur par défaut : auto
Héritabilité : non
Version : CSS3
Syntaxe JavaScript : object.style.columnCount=3

Plus d'exemples

Column-gap
Diviser le texte dans l'élément div en trois colonnes et définir un espacement de 30 pixels entre les colonnes.
Column-rule
Définir la largeur, le style et la couleur entre les colonnes.

Compatibilité des navigateurs

Les nombres dans le tableau indiquent la version du navigateur la première à prendre en charge cette propriété.

Chrome IE / Edge Firefox Safari Opera
50.0
4.0 -webkit-		 10.0 52.0
2.0 -moz-		 9.0
3.1 -webkit-		 37.0
15.0 -webkit
11.1