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

La propriété border-bottom est une propriété raccourcie qui définit la bordure du côté bas d'un élément.

+ +

C'est une propriété raccourcie qui synthétise :

+ + + +

Ces propriétés permettent de décrire la bordure du côté bas d'un élément.

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

Note : Comme pour les autres propriétés raccourcies, border-bottom définit toujours les valeurs de toutes les propriétés qu'elle peut définir, même si celles-ci ne sont pas indiquées. Pour les valeurs qui ne sont pas indiquées, on prendra les valeurs par défaut. Ainsi :

+ +
  border-bottom-style: dotted;
+  border-bottom: thick green;
+
+ +

est équivalent à :

+ +
  border-bottom-style: dotted;
+  border-bottom: none thick green;
+
+ +

 et la valeur {{cssxref("border-bottom-style")}} fournie avant border-bottom est ignorée.

+ +

La valeur par défaut de {{cssxref("border-bottom-style")}} étant none, si on ne définit pas le style de la bordure, on aura la valeur par défaut, c'est-à-dire qu'on aura aucune bordure.

+
+ +

Syntaxe

+ +
border-bottom: 1px;
+border-bottom: 2px dotted;
+border-bottom: medium dashed green;
+
+ +

Les trois valeurs de la propriété raccourcie peuvent être définies dans n'importe quel ordre et une ou deux d'entre elles peuvent être absentes.

+ +

Valeurs

+ +
+
<br-width> 
+
Voir {{cssxref("border-bottom-width")}}.
+
<br-style> 
+
Voir {{cssxref("border-bottom-style")}}.
+
<color> 
+
Voir {{cssxref("border-bottom-color")}}.
+
+ +

Syntaxe formelle

+ +
{{csssyntax}}
+ +

Exemples

+ +

CSS

+ +
.exemple {
+  border-bottom: 3px dotted orange;
+}
+ +

HTML

+ +
<p class="exemple">
+  En passant elle prit sur un rayon un pot
+  de confiture portant cette étiquette,
+  « MARMELADE D’ORANGES. »
+</p>
+
+ +

Résultat

+ +

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

+ +

Spécifications

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
SpécificationÉtatCommentaires
{{SpecName('CSS3 Backgrounds', '#border-bottom', 'border-bottom')}}{{Spec2('CSS3 Backgrounds')}}Pas de modification directe bien que la modification de valeurs pour {{cssxref("border-bottom-color")}} s'applique.
{{SpecName('CSS2.1', 'box.html#propdef-border-bottom', 'border-bottom')}}{{Spec2('CSS2.1')}}Aucune modification significative.
{{SpecName('CSS1', '#border-bottom', 'border-bottom')}}{{Spec2('CSS1')}}Définition initiale.
+ +
{{cssinfo}}
+ +

Compatibilité des navigateurs

+ + + +

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

-- cgit v1.2.3-54-g00ecf