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

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 :

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. »
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. »

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.