Une remarque ? Une suggestion ?...

Merci de participer à l'amélioration de ce site. Prenez le temps de rédiger votre remarque le plus précisément possible :

CSS - Propriété column-rule-width

Description de la propriété column-rule-width.

column-rule-width définit l'épaisseur de la ligne de séparation entre les colonnes. Voyez aussi la propriété raccourcie column-rule.

Notez que l'épaisseur de la ligne de séparation est prise sur la largeur du gap : elle ne s'ajoute pas. La présence d'une ligne de séparation ne change donc pas la largeur des colonnes ni leur espacement.

Si l'épaisseur de la ligne de séparation est supérieure à la largeur du gap, la ligne déborde sur le contenu, mais sans le masquer, le contenu étant au dessus.

Syntaxes pour column-rule-width.

  • column-rule-width: medium;

    Valeur par défaut. Ligne d'épaisseur intermédiaire, de environ 4 pixels (celle valeur peut être différente d'un navigateur à l'autre).

  • column-rule-width: thin;

    Ligne de séparation fine (de l'ordre de 1 pixel).

  • column-rule-width: thick;

    Ligne de séparation épaisse (de l'ordre de 6 pixels).

  • column-rule-width: 3px;

    Un nombre positif ou égal à zéro, suivi d'une unité de dimension (voir les unités de dimensions en CSS).
    Les pourcentages ne sont pas acceptés.

  • column-rule-width: inherit | initial | unset;

    Reportez-vous à la description générale de ces valeurs.

Simulateur.

column-rule-width :
Quid enim? Africanus indigens mei? Minime hercule! ac ne ego quidem illius; sed ego admiratione quadam virtutis eius, ille vicissim opinione fortasse non nulla, quam de meis moribus habebat, me dilexit; auxit benevolentiam consuetudo. Sed quamquam utilitates multae et magnae consecutae sunt, non sunt tamen ab earum spe causae diligendi profectae. Ut enim quisque sibi plurimum confidit et ut quisque maxime virtute et sapientia sic munitus est, ut nullo egeat suaque omnia in se ipso posita iudicet, ita in amicitiis expetendis colendisque maxime excellit.

Voir aussi...

Colonnes multiples - Propriétés.

  • break-after : Interdit ou impose des sauts (page, colonne...) après l'élément.
  • break-before : Interdit ou impose des sauts (page, colonne...) avant l'élément.
  • break-inside : Définit si les sauts de colonne, de page, etc. sont permis dans l'élément.
  • column-count : Définit le nombre de colonnes, dans une mise en page sur plusieurs colonnes.
  • column-fill : Gère la répartition du contenu entre les colonnes.
  • column-gap : Définit l'espacement entre les colonnes.
  • column-rule : Définit tous les paramètres du trait de séparation entre les colonnes.
  • column-rule-color : Définit la couleur des lignes de séparation de colonnes.
  • column-rule-style : Choisit le type de trait pour la séparation des colonnes.
  • column-span : Gère le chevauchement du contenu sur plusieurs colonnes.
  • column-width : Définit la largeur des colonnes.
  • columns : Définit les caractéristiques d'une mise en page sur plusieurs colonnes.
  • orphans : Gestion des coupures en bas de page.
  • widows : Gestion des ruptures en haut de page.