border-right-width |
Largeur de la bordure de droite |
---|---|
CSS |
Syntaxe
border-right-width: paramètres; |
Paramètres
Paramètre | Description | ||
---|---|---|---|
paramètres | Ce paramètre de propriété permet d'indiquer la largeur de la bordure : | ||
Valeur | Aperçu | Description | |
thin | Ceci est un texte d'exemple |
Cet attribut permet d'indiquer une bordure de largeur fine. | |
medium | Ceci est un texte d'exemple |
Cet attribut permet d'indiquer une bordure de largeur moyenne. | |
thick | Ceci est un texte d'exemple |
Cet attribut permet d'indiquer une bordure de largeur grasse. | |
largueur | Ceci est un texte d'exemple |
Cet attribut permet d'indiquer une bordure de largeur du nombre de pixels spécifié. |
Description
Cette propriété permet de définir la largeur 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-width permet de définir l'épaisseur (ou largeur) de la bordure droite d'un élément. Cela contrôle la dimension visible de la bordure, qui peut aller de très fine à très épaisse selon les besoins esthétiques ou fonctionnels.
- Valeur par défaut : Si aucune valeur explicite n'est définie, la largeur par défaut de la bordure droite est medium. Cela garantit une épaisseur standard lorsqu'un style de bordure est appliqué sans personnalisation supplémentaire.
- Indépendance de la couleur et du style : La largeur définie par border-right-width est indépendante de la couleur et du style de la bordure. Une bordure droite avec une largeur définie ne sera visible que si un style est également appliqué via border-right-style.
- Application des unités dynamiques : En utilisant des unités dynamiques comme %, la largeur de la bordure droite peut être proportionnelle à une dimension de l'élément parent, permettant des designs réactifs et flexibles adaptés aux mises en page modernes.
- Effet visuel asymétrique : La propriété est particulièrement utile pour créer des designs asymétriques où la bordure droite diffère des autres côtés. Par exemple, une bordure droite large peut servir de délimitation visuelle forte entre deux colonnes ou sections.
- Compatibilité avec les propriétés raccourcies : La largeur définie par border-right-width peut être surchargée ou remplacée par une déclaration utilisant la propriété raccourcie border-right ou border. Par exemple, border-right: 4px solid red; modifiera la largeur, le style et la couleur.
- Compatibilité des navigateurs : La propriété border-right-width est prise en charge par tous les navigateurs modernes et anciens, y compris Internet Explorer. Cela la rend fiable pour une utilisation dans des projets nécessitant un support multiplateforme.
Dernière mise à jour : Dimanche, le 20 décembre 2015