Propriété CSS column-fill
La propriété column-fill
contrôle le contenu de l'élément quand il est divisé en colonnes. Le contenu peut être balancé ou rempli séquentiellement. Donc, elle a deux valeur: balance et auto. "Balance" est la valeur initiale. Le contenu est divisé également entre les deux colonnes. Si les colonnes sont spécifiées par la valeur "auto", le contenu occupe l'espace dont il a besoin.
column-fill: auto | balance | balance-all | initial | inherit;
<!DOCTYPE html>
<html>
<head>
<title>Titre du document</title>
<style>
.balance {
column-count: 4;
column-rule: 1px solid black;
column-fill: balance;
}
</style>
</head>
<h2>Exemple de la propriété column-fill</h2>
<body>
<p class="balance">
C'est un texte qui a été divisé en colonnes
multiples. La propriété CSS column-fill
est utilisée pour écarter les contenus
toutes les colonnes.
</p>
</body>
</html>