From 258ba7b4be62d8640477a3bd3146d08b00cb70ec Mon Sep 17 00:00:00 2001 From: julieng Date: Fri, 17 Sep 2021 20:59:20 +0200 Subject: convert content to md --- files/fr/web/css/border-bottom/index.md | 171 ++++++++++++++------------------ 1 file changed, 75 insertions(+), 96 deletions(-) (limited to 'files/fr/web/css/border-bottom') diff --git a/files/fr/web/css/border-bottom/index.md b/files/fr/web/css/border-bottom/index.md index 40903908a8..249e2506d1 100644 --- a/files/fr/web/css/border-bottom/index.md +++ b/files/fr/web/css/border-bottom/index.md @@ -7,116 +7,95 @@ tags: - 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;
+{{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 :
+
+- {{cssxref("border-bottom-width")}},
+- {{cssxref("border-bottom-color")}},
+- {{cssxref("border-bottom-style")}}.
+
+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 :
+>
+> ```css
+>   border-bottom-style: dotted;
+>   border-bottom: thick green;
+> ```
+>
+> est équivalent à :
+>
+> ```css
+>   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
+
+```css
+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.

+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

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

Syntaxe formelle

+### Syntaxe formelle {{csssyntax}} -

Exemples

+## Exemples -

CSS

+### CSS -
.exemple {
+```css
+.exemple {
   border-bottom: 3px dotted orange;
-}
+} +``` -

HTML

+### HTML -
<p class="exemple">
+```html
+

   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")}}

+

+``` + +### Résultat + +{{EmbedLiveSample("Exemples","200","150")}} + +## Spécifications + +| Spécification | État | Commentaires | +| ------------------------------------------------------------------------------------------------ | ---------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------- | +| {{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