column-rule-width |
Largeur d'une règle de colonne |
CSS3 |
|
Syntaxe
column-rule-width: longueur|inherit|initial|medium|thin|thick;
|
Paramètres
Paramètre |
Description |
longueur |
Ce paramètre permet d'indiquer la largeur de la règle. |
inherit |
Ce paramètre permet d'indiquer qu'il faut hérité de la valeur de son parent. |
initial |
Ce paramètre permet d'indiquer qu'il faut appliquer la valeur par défaut de cette propriété. |
medium |
Ce paramètre permet d'indiquer que le règle doit être médium. C'est la valeur par défaut. |
thin |
Ce paramètre permet d'indiquer que le règle doit être mince. |
thick |
Ce paramètre permet d'indiquer que le règle doit être épaisse. |
Description
Cette propriété permet d'indiquer la largeur d'une règle entre les colonnes.
Remarques
- Définition et utilité : La propriété column-rule-width définit l'épaisseur de la ligne séparatrice entre les colonnes dans un layout multi-colonnes. Elle
joue un rôle essentiel dans l'apparence visuelle de la séparation et peut influencer la perception globale du contenu.
- Valeurs acceptées : Cette propriété accepte des valeurs en unités absolues (px, pt, cm,...) ou relatives (em, rem,...), ainsi que des mots-clefs prédéfinis
comme thin, medium, et thick. Cela permet d'ajuster précisément l'épaisseur en fonction du design souhaité.
- Valeur par défaut : Si column-rule-width n'est pas spécifiée, la valeur par défaut est généralement medium. Cela correspond à une épaisseur modérée,
adaptée à la plupart des designs standards.
- Interaction avec d'autres propriétés : La propriété column-rule-width est souvent utilisée avec column-rule-style et column-rule-color pour
définir complètement l'apparence de la ligne. Sans un style (solid, dashed,...), la largeur ne sera pas visible.
- Impact visuel : Une largeur plus grande, comme 5px, rend la ligne de séparation plus marquée et adaptée à des designs audacieux ou graphiques. À l'inverse, une
largeur fine, comme 1px, est idéale pour des séparations discrètes.
- Effet sur la lisibilité : Une ligne trop épaisse peut détourner l'attention du contenu principal, tandis qu'une ligne trop fine peut être difficile à distinguer,
notamment sur des arrière-plans complexes. Le choix de la largeur doit être équilibré avec le contexte visuel.
- Compatibilité des navigateurs Web : column-rule-width est bien prise en charge par les navigateurs Web modernes, y compris dans les contextes nécessitant
des unités relatives comme em. Les anciennes versions de navigateurs nécessitant des préfixes, comme -webkit, sont rarement concernées.
- Adaptation pour les designs responsifs : En utilisant des unités relatives comme em ou rem, column-rule-width peut s'ajuster dynamiquement à la taille du
texte ou de l'écran, garantissant une séparation proportionnelle sur tous les appareils.
Dernière mise à jour : Dimanche, le 20 décembre 2015