Qui n'a jamais eu à expliquer à un de ses clients que le média web avait ses limites comparé au média paginé ? On est encore trop souvent contraint d'effectuer des pirouettes en Javascript ou avec des Hack Css pour imiter des schémas de mise en page (pourtant simple) du support papier.
Actuellement, on a pour habitude que le contenu texte d'un élément le remplisse de gauche à droite puis de haut en bas, l'utilisateur ne pouvant intervenir que sur les marges interieures (padding) pour placer son texte. Mais avec l'importance qu'a pris internet sur les autres supports de communication, il était évident qu'on en viendrait à avoir de nouvelles ouvertures pour mettre en page les contenus de nos sites. Ainsi avec l'arrivée du CSS3, une barrière de plus s'effondre : celle de la mise en page en colonne grâce au module multi-column.
Le modèle colonne
Ce modèle s'inscrit donc en dessous du modèle box couramment employé en CSS. Un élément utilisant ce modèle voit donc son contenu divisé en n nombre de colonne d'égale largeur. On retrouve comme possibilité de style, le nombre de colonnes column-count, leur largeur column-width, leur espacement entre elles column-gap ainsi que le style de leur séparation grâce à column-rule.
A noter que les colonnes représentent un tout donc il n'est pas possible de les styler différemment et qu'elles n'ont aucune notion de margin, padding, etc. Voyons donc voir en détail leurs propriétés.