Attribut column-width CSS

Définition et utilisation

L'attribut column-width définit la largeur de la colonne.

Veuillez également consulter :

Tutoriel CSS3 :CSS3 Colonnes multiples

Manuel de référence HTML DOM :columnWidth attribut

Exemple

Définir la largeur de la colonne :

div
{
column-width:100px;
}

Essayez-le vous-même

Plus d'exemples en bas de page.

Syntaxe CSS

column-width: auto|length;

Valeur de l'attribut

Valeur Description Test
auto La largeur des colonnes est déterminée par le navigateur. Test
length Définir la largeur des colonnes. Test

Détails techniques

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

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 ajouter un espacement de 30 pixels entre elles.
Column-rule
Définir la largeur, le style et la couleur des colonnes.

Support du navigateur

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

Les nombres précédés de -webkit- ou -moz- représentent la première version utilisant le préfixe.

Chrome IE / Edge Firefox Safari Opera
50.0 10.0 52.0 10.0 37.0