CSS - Propriété column-rule
Description de la propriété column-rule
.
column-rule
définit le trait de séparation entre les colonnes.
C'est une propriété raccourcie qui regroupe plusieurs informations :
column-rule-width
: épaisseur de la ligne de séparation.column-rule-style
: style de la ligne de séparation (paramètre obligatoire).column-rule-color
: couleur de la ligne de séparation.
Exemples.
Cliquez sur les exemples ci-dessous pour afficher leur code CSS.
Extrait d'un interview de Håkon Wium Lie (mars 2005). Håkon Wium Lie est un des initiateurs de la norme CSS.
« Cependant, les images constituaient également une menace pour le Web. Les concepteurs ont commencé à coder du texte dans les images afin de réaliser certaines polices ou d'autres effets spéciaux. Pour que HTML reste un langage de balisage logique (par opposition à un langage de présentation), un langage de feuille de style était nécessaire. La motivation pour développer des feuilles de style était donc double: nous voulions donner aux auteurs les effets de présentation qu’ils souhaitaient, tout en empêchant HTML de glisser dans l’abstraction pour devenir un langage de présentation. »
« Cependant, les images constituaient également une menace pour le Web. Les concepteurs ont commencé à coder du texte dans les images afin de réaliser certaines polices ou d'autres effets spéciaux. Pour que HTML reste un langage de balisage logique (par opposition à un langage de présentation), un langage de feuille de style était nécessaire. La motivation pour développer des feuilles de style était donc double: nous voulions donner aux auteurs les effets de présentation qu’ils souhaitaient, tout en empêchant HTML de glisser dans l’abstraction pour devenir un langage de présentation. »
Extrait d'un interview de Håkon Wium Lie (mars 2005). Håkon Wium Lie est un des initiateurs de la norme CSS.
« Cependant, les images constituaient également une menace pour le Web. Les concepteurs ont commencé à coder du texte dans les images afin de réaliser certaines polices ou d'autres effets spéciaux. Pour que HTML reste un langage de balisage logique (par opposition à un langage de présentation), un langage de feuille de style était nécessaire. La motivation pour développer des feuilles de style était donc double: nous voulions donner aux auteurs les effets de présentation qu’ils souhaitaient, tout en empêchant HTML de glisser dans l’abstraction pour devenir un langage de présentation. »
« Cependant, les images constituaient également une menace pour le Web. Les concepteurs ont commencé à coder du texte dans les images afin de réaliser certaines polices ou d'autres effets spéciaux. Pour que HTML reste un langage de balisage logique (par opposition à un langage de présentation), un langage de feuille de style était nécessaire. La motivation pour développer des feuilles de style était donc double: nous voulions donner aux auteurs les effets de présentation qu’ils souhaitaient, tout en empêchant HTML de glisser dans l’abstraction pour devenir un langage de présentation. »
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-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-rule-width
: Définit l'épaisseur du trait de séparation entre les 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.