Attribut columns CSS

Définition et utilisation

L'attribut columns est une propriété abrégée utilisée pour définir la largeur et le nombre de colonnes.

Veuillez également consulter :

Tutoriel CSS3 :Colonnes CSS3

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

Exemple

Définir la largeur et le nombre de colonnes :

div
{
columns:100px 3;
}

Essayez-le vous-même

Vous trouverez plus d'exemples en bas de page.

Syntaxe CSS

columns: column-width column-count;

Valeur de l'attribut

Valeur Description
column-width Largeur de la colonne.
column-count Nombre de colonnes.

Détails techniques

Valeur par défaut : auto auto
Héritabilité : non
Version : CSS3
Syntaxe JavaScript : object.style.columns="100px 3"

Plus d'exemples

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

Prise en charge du navigateur

Les nombres dans le tableau indiquent la première version du navigateur complètement supportant cette propriété.

Les nombres avec -webkit- ou -moz- indiquent la première version utilisant le préfixe.

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