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.