column-rule-style |
Style de règle de colonne |
---|---|
CSS3 |
Syntaxe
column-rule-style: dashed|dotted|double|groove|hidden|inherit|initial|inset|outset|none|ridge|solid; |
Paramètres
Paramètre | Description |
---|---|
dashed | Ce paramètre permet d'indiquer que la règle doit être une ligne pointillé. |
dotted | Ce paramètre permet d'indiquer que la règle doit être un point pointillé. |
double | Ce paramètre permet d'indiquer que la règle doit être un double ligne (2 lignes). |
groove | Ce paramètre permet d'indiquer que la règle doit être ombragé. |
hidden | Ce paramètre permet d'indiquer que la règle doit être caché. |
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é. |
inset | Ce paramètre permet d'indiquer que la règle doit être ombré intérieur. |
outset | Ce paramètre permet d'indiquer que la règle doit être ombré extérieur. |
none | Ce paramètre permet d'indiquer qu'il ne doit pas avoir règle. |
ridge | Ce paramètre permet d'indiquer que la règle être ombré vers le haut. |
solid | Ce paramètre permet d'indiquer que la règle doit être sans aucun motif (solide). |
Description
Cette propriété permet d'indiquer le style d'une règle entre les colonnes.
Remarques
- Définition et rôle : La propriété column-rule-style détermine le style de la ligne séparatrice entre les colonnes dans un layout multi-colonnes. Elle permet de choisir l'apparence visuelle de cette ligne, rendant la séparation plus ou moins subtile ou marquée.
- Styles supportés : Cette propriété accepte de nombreuses valeurs comme none (pas de ligne), solid (ligne pleine), dotted (points), dashed (tirets), double (double ligne), groove (effet creusé), ridge (effet en relief), inset et outset (effets 3D). Cela offre une flexibilité importante pour adapter le style aux besoins du design.
- Valeur par défaut : La valeur par défaut est none, ce qui signifie qu'aucune ligne ne sera affichée entre les colonnes si column-rule-style n'est pas explicitement définie.
- Interaction avec column-rule-color et column-rule-width : Pour que le style défini par column-rule-style soit visible, il doit être accompagné d'une largeur (via column-rule-width) et éventuellement d'une couleur (via column-rule-color). Par exemple, une ligne dotted sera plus évidente avec une largeur de 2px qu'avec 1px.
- Personnalisation avancée : L'utilisation de styles comme dotted ou dashed permet d'ajouter une séparation élégante et moins formelle, tandis que des styles comme solid ou double conviennent mieux à des designs professionnels ou classiques.
- Effets visuels en relief : Les styles groove, ridge, inset et outset créent des effets tridimensionnels donnant de la profondeur à la ligne. Ces styles dépendent de la lumière implicite du design et de la couleur définie avec column-rule-color.
- Compatibilité des navigateurs Web : Les styles simples comme solid, dotted, et dashed sont largement pris en charge par tous les navigateurs Web modernes. En revanche, les styles 3D comme groove ou ridge peuvent présenter des différences d'apparence selon les navigateurs Web.
- Importance esthétique : column-rule-style est particulièrement utile pour séparer visuellement des contenus complexes dans des mises en page multi-colonnes, comme des articles de journaux ou des tableaux de données. Le choix du style peut influencer directement l'aspect perçu du contenu.
Dernière mise à jour : Dimanche, le 20 décembre 2015