Permet d’afficher un bloc de texte en colonnes
column-count
Définit le nombre de colonnes sur lequel afficher le texte [CSS3]
column-count: <number>
column-width
Définit la largeur de chaque colonne [CSS3]
column-width: <length>
column
Est un raccourci pour column-count
et column-width
[CSS3]
column: <column-width> || <column-count>
column-rule-width
Définit la taille de la bordure [CSS3]
column-rule-width: <length> | medium | thin | thick
column-rule-style
Définit le style de la bordure (trait, pointillés, etc) [CSS3]
column-rule-style: none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
column-rule-color
Définit la couleur de la bordure [CSS3]
column-rule-color: <color>
column-rule
Raccourcis pour column-rule-width
, column-rule-style
et column-style-color
[CSS3]
column-rule: <width> <style> <color>
Définit l’espace entre chaque colonne [CSS3]
column-gap: <length>
Définit comment doit être répartit le contenu entre les colonnes [CSS3]
balance
par défaut
column-fill: auto | balance
Permet à un élément de s’étendre sur toutes les colonnes [CSS3]
column-span: all | none
Exemple:
{
column-count:3;
column-rule: 2x solid black;
}