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-width/index.md | 157 +++++++++++--------------- 1 file changed, 67 insertions(+), 90 deletions(-) (limited to 'files/fr/web/css/border-bottom-width') diff --git a/files/fr/web/css/border-bottom-width/index.md b/files/fr/web/css/border-bottom-width/index.md index 62e85b5adb..f1007dcad2 100644 --- a/files/fr/web/css/border-bottom-width/index.md +++ b/files/fr/web/css/border-bottom-width/index.md @@ -7,16 +7,17 @@ tags: - Reference translation_of: Web/CSS/border-bottom-width --- -
{{CSSRef}}
+{{CSSRef}} -

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

+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")}}
+{{EmbedInteractiveExample("pages/css/border-bottom-width.html")}} -

Syntaxe

+## Syntaxe -
/* Une valeur de longueur */
-/* Type <length>          */
+```css
+/* Une valeur de longueur */
+/* Type           */
 border-bottom-width: 10em;
 border-bottom-width: 3vmax;
 border-bottom-width: 6px;
@@ -30,30 +31,30 @@ border-bottom-width: thick;
 border-bottom-width: inherit;
 border-bottom-width: initial;
 border-bottom-width: unset;
-
+``` -

Valeurs

+### 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 (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 ≤ thick et que ces valeurs soient constantes pour un même document.
-
+- `` -

Syntaxe formelle

+ - : 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` (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 ≤ thick` et que ces valeurs soient constantes pour un même document`.` + +### Syntaxe formelle {{csssyntax}} -

Exemples

+## Exemples -

CSS

+### CSS -
.element1{
+```css
+.element1{
   border-bottom: thick solid red;
 }
 .element2{
@@ -62,78 +63,54 @@ border-bottom-width: unset;
 .element3{
   border-bottom: thin solid green;
 }
-
+``` -

HTML

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

   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

- - +

+``` + +### Résultat + +{{EmbedLiveSample("Exemples","200","300")}} + +## Spécifications + +| Spécification | État | Commentaires | +| ------------------------------------------------------------------------------------------------------------ | ---------------------------------------- | ---------------------------------- | +| {{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 + +- Les autres propriétés liées à la largeur de la bordure : + + - {{cssxref("border-left-width")}}, + - {{cssxref("border-right-width")}}, + - {{cssxref("border-top-width")}}, + - {{cssxref("border-width")}} + +- Les autres propriétés CSS liées à la bordure du côté haut : + + - {{cssxref("border")}}, + - {{cssxref("border-bottom")}}, + - {{cssxref("border-bottom-style")}}, + - {{cssxref("border-bottom-color")}}. -- cgit v1.2.3-54-g00ecf