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-bottom-width/index.html | 163 ++++++++++++++++++++++++ 1 file changed, 163 insertions(+) create mode 100644 files/fr/web/css/border-bottom-width/index.html (limited to 'files/fr/web/css/border-bottom-width/index.html') diff --git a/files/fr/web/css/border-bottom-width/index.html b/files/fr/web/css/border-bottom-width/index.html new file mode 100644 index 0000000000..f1718f62d0 --- /dev/null +++ b/files/fr/web/css/border-bottom-width/index.html @@ -0,0 +1,163 @@ +--- +title: border-bottom-width +slug: Web/CSS/border-bottom-width +tags: + - CSS + - Propriété + - Reference +translation_of: Web/CSS/border-bottom-width +--- +
{{CSSRef}}
+ +

La propriété border-bottom-width définit l'épaisseur de la bordure pour le côté bas d'un élément.

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

Syntaxe

+ +
/* Une valeur de longueur */
+/* Type <length>          */
+border-bottom-width: 10em;
+border-bottom-width: 3vmax;
+border-bottom-width: 6px;
+
+/* Valeurs avec un mot-clé */
+border-bottom-width: thin;
+border-bottom-width: medium;
+border-bottom-width: thick;
+
+/* Valeurs globales */
+border-bottom-width: inherit;
+border-bottom-width: initial;
+border-bottom-width: unset;
+
+ +

Valeurs

+ +
+
<line-width>
+
Une valeur de longueur ({{cssxref("<length>")}}) positive ou un mot-clé qui indique l'épaisseur de la bordure pour le bas 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-bottom: thick solid red;
+}
+.element2{
+  border-bottom: medium solid orange;
+}
+.element3{
+  border-bottom: 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-bottom-width')}}{{Spec2('CSS3 Backgrounds')}}Pas de modification significative.
{{SpecName('CSS2.1', 'box.html#border-width-properties', 'border-bottom-width')}}{{Spec2('CSS2.1')}}Définition initiale.
{{SpecName('CSS1', '#border-left-width', 'border-bottom-width')}}{{Spec2('CSS1')}}Définition initiale.
+ +

{{cssinfo}}

+ +

Compatibilité des navigateurs

+ + + +

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

+ +

Voir aussi

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