border-right-style |
Style de la bordure de droite |
---|---|
CSS |
Syntaxe
border-right-style: paramètres; |
Paramètres
Paramètre | Description | ||
---|---|---|---|
paramètres | Ce paramètre de propriété permet d'indiquer la variante : | ||
Valeur | Aperçu | Description | |
none | Ceci est un texte d'exemple |
Cet attribut permet d'indiquer qu'il n'y a pas de bordure. | |
dashed | Ceci est un texte d'exemple |
Cet attribut permet d'indiquer que la bordure est de style de ligne pointillé. | |
dotted | Ceci est un texte d'exemple |
Cet attribut permet d'indiquer que la bordure est de style de point pointillé. | |
double | Ceci est un texte d'exemple |
Cet attribut permet d'indiquer une double bordure. | |
groove | Ceci est un texte d'exemple |
Cet attribut permet d'indiquer que la bordure est de style ombré vers le bas. | |
hidden | Cet attribut permet d'indiquer qu'il n'y a pas de bordure à l'exception de conflit avec des éléments d'un tableau. | ||
inset | Ceci est un texte d'exemple |
Cet attribut permet d'indiquer que la bordure est de style ombré intérieur. | |
outset | Ceci est un texte d'exemple |
Cet attribut permet d'indiquer que la bordure est de style ombré extérieur. | |
ridge | Ceci est un texte d'exemple |
Cet attribut permet d'indiquer que la bordure est de style ombré vers le haut. | |
solid | Ceci est un texte d'exemple |
Cet attribut permet d'indiquer que la bordure est une seule et même couleur sans aucun motif (solide). |
Description
Cette propriété permet de définir le style ou l'apparence de la bordure à la droite d'un élément comme un tableau par exemple.
Remarques
- Définition et rôle : La propriété border-right-style permet de définir le style de la bordure droite d'un élément. Elle spécifie comment la bordure doit apparaître, en utilisant des styles comme solid, dashed, ou dotted, offrant une personnalisation esthétique pour la séparation visuelle.
- Liste des styles disponibles : border-right-style prend en charge plusieurs valeurs, notamment none, solid, dotted, dashed, double, groove, ridge, inset et outset. Chaque style a une apparence unique, par exemple, dotted affiche une série de points, tandis que groove crée un effet en relief.
- Valeur par défaut : Par défaut, si border-right-style n'est pas spécifiée, la valeur est none. Cela signifie qu'aucune bordure ne sera visible, même si une largeur ou une couleur de bordure est définie.
- Indépendance des autres côtés : La propriété border-right-style agit uniquement sur la bordure droite de l'élément. Cela permet de personnaliser le style indépendamment des autres côtés, idéal pour des designs asymétriques ou des séparateurs visuels.
- Effet combiné avec d'autres propriétés : Pour qu'une bordure droite soit visible, border-right-style doit être combinée avec une largeur (border-right-width) et/ou une couleur (border-right-color). Sans un style défini, même avec une largeur et une couleur, la bordure ne sera pas affichée.
- Applications pratiques : Cette propriété est utile pour créer des séparateurs dans une mise en page, comme des colonnes de tableaux ou des menus latéraux. Par exemple, une bordure droite en dashed peut indiquer une division subtile entre deux sections.
- Animation limitée : Contrairement à des propriétés comme border-right-color, border-right-style ne peut pas être directement animée avec les transitions CSS. Le style de la bordure est discret et change instantanément lorsqu'il est modifié.
- Compatibilité des navigateurs : La propriété border-right-style est prise en charge par tous les navigateurs modernes et anciens, garantissant une compatibilité totale. Cependant, certains styles plus complexes, comme groove ou ridge, peuvent avoir un rendu légèrement différent selon le navigateur.
Dernière mise à jour : Dimanche, le 20 décembre 2015