La propriété border-right-width
définit l'épaisseur de la bordure pour le côté droit d'une boîte.
The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner https://github.com/mdn/interactive-examples et à envoyer une pull request !
Syntaxe
/* Valeurs avec un mot-clé */
border-right-width: thin;
border-right-width: medium;
border-right-width: thick;
/* Valeurs de longueurs */
/* Type <length> */
border-right-width: 10em;
border-right-width: 3vmax;
border-right-width: 6px;
/* Valeurs globales */
border-right-width: inherit;
border-right-width: initial;
border-right-width: unset;
Valeurs
<br-width>
- Une valeur de longueur (
<length>
) positive ou un mot-clé qui indique l'épaisseur de la bordure pour le côté droit de la boîte. Si la valeur est un mot-clé, ce doit être l'une des valeurs suivantes :thin
Une bordure fine. medium
Une bordure moyenne. thick
Une bordure épaisse. thin ≤ medium ≤ thick
et que ces valeurs soient constantes pour un même document.
Syntaxe formelle
Exemples
CSS
.element1{
border-right: thick solid red;
}
.element2{
border-right: medium solid orange;
}
.element3{
border-right: thin solid green;
}
HTML
<p class="element1">
Une bordure épaisse rouge.
</p>
<p class="element2">
Une bordure moyenne orange.
</p>
<p class="element3">
Et une bordure fine verte.
</p>
Résultat
Spécifications
Spécification | État | Commentaires |
---|---|---|
CSS Backgrounds and Borders Module Level 3 La définition de 'border-right-width' dans cette spécification. |
Candidat au statut de recommandation | Pas de modification significative. |
CSS Level 2 (Revision 1) La définition de 'border-right-width' dans cette spécification. |
Recommendation | Pas de modification significative. |
CSS Level 1 La définition de 'border-right-width' dans cette spécification. |
Recommendation | Définition initiale. |
Valeur initiale | medium |
---|---|
Applicabilité | tous les éléments. S'applique aussi à ::first-letter . |
Héritée | non |
Valeur calculée | la longueur absolue ou 0 si border-right-style vaut none ou hidden |
Type d'animation | une longueur |
Compatibilité des navigateurs
BCD tables only load in the browser
Voir aussi
- Les autres propriétés liées à la largeur de la bordure :
- Les autres propriétés CSS liées à la bordure du côté droit :