Attribut column-fill CSS

Définition et utilisation

L'attribut column-fill détermine comment remplir les colonnes (si coordonner).

Veuillez également consulter :

Tutoriel CSS3 :CSS3 Colonnes multiples

Guide de référence HTML DOM :columnFill attribut

Exemple

Définir comment remplir les colonnes :

div
{
column-fill:auto;
}

Syntaxe CSS

column-fill: balance|auto;

Valeur de l'attribut

Valeur Description
balance Coordonner les colonnes. Le navigateur doit minimiser les différences de longueur des colonnes.
auto Remplir les colonnes dans l'ordre, la longueur des colonnes peut varier.

Détails techniques

Valeur par défaut : balance
Héritabilité : no
Version : CSS3
JavaScript syntaxe : object.style.columnFill="auto"

Plus d'exemples

Column-count
Diviser le texte de l'élément div en trois colonnes.
Column-gap
Diviser le texte du é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.

Support du navigateur

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