La propriété border-right-width définit l'épaisseur de la bordure pour le côté droit d'une boîte.

/* 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;

Valeur initialemedium
Applicabilitétous les éléments. S'applique aussi à ::first-letter.
Héritéenon
Médiavisuel
Valeur calculéela longueur absolue ou 0 si border-right-style vaut none ou hidden
Type d'animationune longueur
Ordre canoniquel'ordre unique et non-ambigu défini par la grammaire formelle

Syntaxe

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.
La spécification ne précise pas de façon exacte l'épaisseur correspondant à chacun de ces mots-clés (c'est donc à chaque implémentation de choisir). La spécification requiert toutefois que l'inégalité suivante soit respectée thin ≤ medium ≤ thick et que ces valeurs soient constantes pour un même document.

Syntaxe formelle

<br-width>


<br-width> = <length> | thin | medium | thick

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.

Compatibilité des navigateurs

FonctionnalitéChromeEdgeFirefoxInternet ExplorerOperaSafari
Support simple1 Oui143.51
FonctionnalitéAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidIE mobileOpera AndroidiOS Safari
Support simple2.3 ? Oui46111

Voir aussi

Étiquettes et contributeurs liés au document

Étiquettes : 
 Contributeurs à cette page : SphinxKnight, teoli, FredB, Yuichiro, Mgjbot, Fredchat
 Dernière mise à jour par : SphinxKnight,