Cette page a été traduite à partir de l'anglais par la communauté.Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.
border-right-width
Baseline Widely available
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.
La propriétéborder-right-width définit l'épaisseur de la bordure pour le côté droit d'une boîte.
Exemple interactif
border-right-width: thick;border-right-width: 2em;border-right-width: 4px;border-right-width: 2ex;border-right-width: 0;<section> <div> This is a box with a border around it. </div></section>#example-element { background-color: palegreen; color: #000; border: 0 solid crimson; padding: 0.75em; width: 80%; height: 100px;}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(fin)medium(intermédiaire)thick(épais)
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 ≤ thicket que ces valeurs soient constantes pour un même document.
Définition formelle
| Valeur initiale | medium |
|---|---|
| Applicabilité | tous les éléments. S'applique aussi à::first-letter. |
| Héritée | non |
| Valeur calculée | la longueur absolue ou0 siborder-right-style vautnone ouhidden |
| Type d'animation | unelongueur |
Syntaxe formelle
border-right-width =
<line-width>
<line-width> =
<length [0,∞]>|
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>Une bordure épaisse rouge.</p><p>Une bordure moyenne orange.</p><p>Et une bordure fine verte.</p>Résultat
Spécifications
| Specification |
|---|
| CSS Backgrounds and Borders Module Level 3 # border-width |
Compatibilité des navigateurs
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 :