Colonnes CSS

Les colonnes CSS (CSS Multi-column Layout en anglais) forment un module CSS qui définit le comportement d'une disposition en colonnes, qui permet de décrire comment le contenu doit être réparti entre les colonnes et qui détaille comment sont gérées les espaces et les règles entre les colonnes.

Exemple simple

Dans l'exemple qui suit, on applique la propriétécolumn-count sur l'élément qui possède la classecontainer. La valeur de la propriétécolumn-count est3, et le contenu est donc arrangé entre trois colonnes de tailles égales.

Liens avec le module de spécification CSS Fragmentation

La disposition en colonnes est fortement liée auxmédia paginés pour lesquels chaque colonne devient un fragment (de la même façon qu'une page imprimée devient un fragment d'un document). Aussi, les propriétés désormais définies dans le module de spécificationCSS Fragmentation sont nécessaires afin de contrôler la façon dont le contenu est scindé entre les colonnes.

Concepts de base relatifs à la disposition en colonnes: Un aperçu du module de spécification CSS pour la disposition avec plusieurs colonnes.
Mettre en forme les colonnes: Comment utiliser les règles liées aux colonnes et gérer l'espace entre les colonnes.
Équilibrer le remplissement des colonnes: Comment répartir un élément sur plusieurs colonnes et comment contrôler la façon dont les colonnes sont remplies.
Gérer le dépassement: Comprendre ce qui se produit quand un élément dépasse de la colonne à laquelle il appartient et ce qui se produit lorsqu'il y a trop de contenu pour un conteneur en colonnes.
Gérer la fragmentation du contenu en multi-colonnes: Une introduction au module de spécification CSS Fragmentation et à la façon dont le contenu est coupé entre les colonnes.