From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/fr/web/css/border-right-width/index.html | 162 +++++++++++++++++++++++++ 1 file changed, 162 insertions(+) create mode 100644 files/fr/web/css/border-right-width/index.html (limited to 'files/fr/web/css/border-right-width') diff --git a/files/fr/web/css/border-right-width/index.html b/files/fr/web/css/border-right-width/index.html new file mode 100644 index 0000000000..1461fcc36c --- /dev/null +++ b/files/fr/web/css/border-right-width/index.html @@ -0,0 +1,162 @@ +--- +title: border-right-width +slug: Web/CSS/border-right-width +tags: + - CSS + - Propriété + - Reference +translation_of: Web/CSS/border-right-width +--- +
{{CSSRef}}
+ +

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

+ +
{{EmbedInteractiveExample("pages/css/border-right-width.html")}}
+ + + +

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 ({{cssxref("<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

+ +
{{csssyntax}}
+ +

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

+ +

{{EmbedLiveSample("Exemples","200","300")}}

+ +

Spécifications

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
SpécificationÉtatCommentaires
{{SpecName('CSS3 Backgrounds', '#the-border-width', 'border-right-width')}}{{Spec2('CSS3 Backgrounds')}}Pas de modification significative.
{{SpecName('CSS2.1', 'box.html#border-width-properties', 'border-right-width')}}{{Spec2('CSS2.1')}}Pas de modification significative.
{{SpecName('CSS1', '#border-right-width', 'border-right-width')}}{{Spec2('CSS1')}}Définition initiale.
+ +

{{cssinfo}}

+ +

Compatibilité des navigateurs

+ + + +

{{Compat("css.properties.border-right-width")}}

+ +

Voir aussi

+ + -- cgit v1.2.3-54-g00ecf