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-top/index.md | 171 +++++++++++++++-------------------- 1 file changed, 75 insertions(+), 96 deletions(-) (limited to 'files/fr/web/css/border-top/index.md') diff --git a/files/fr/web/css/border-top/index.md b/files/fr/web/css/border-top/index.md index 4b9d59fe82..97a5101d98 100644 --- a/files/fr/web/css/border-top/index.md +++ b/files/fr/web/css/border-top/index.md @@ -7,116 +7,95 @@ tags: - Reference translation_of: Web/CSS/border-top --- -
{{CSSRef}}
- -

La propriété CSS border-top est une propriété raccourcie qui permet de paramétrer la bordure haute d'un élément.

- -

C'est une propriété raccourcie qui permet de définir les valeurs de :

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

Note : 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.

- -

Comme pour les autres propriétés raccourcies, border-top 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-top-style: dotted;
-border-top: thick green;
-
- -

est équivalent à :

- -
border-top-style: dotted;
-border-top: none thick green;
-
- -

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

- -

La valeur par défaut de {{cssxref("border-top-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-top: 1px;
+{{CSSRef}}
+
+La propriété CSS **`border-top`** est une [propriété raccourcie](/fr/docs/Web/CSS/Propri%C3%A9t%C3%A9s_raccourcies) qui permet de paramétrer la bordure haute d'un élément.
+
+C'est une propriété raccourcie qui permet de définir les valeurs de :
+
+- {{cssxref("border-top-width")}},
+- {{cssxref("border-top-style")}},
+- {{cssxref("border-top-color")}}.
+
+{{EmbedInteractiveExample("pages/css/border-top.html")}}
+
+> **Note :** 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.
+>
+> Comme pour les autres propriétés raccourcies, `border-top` 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-top-style: dotted;
+> border-top: thick green;
+> ```
+>
+> est équivalent à :
+>
+> ```css
+> border-top-style: dotted;
+> border-top: none thick green;
+> ```
+>
+> et la valeur {{cssxref("border-top-style")}} fournie avant `border-top` est ignorée.
+>
+> La valeur par défaut de {{cssxref("border-top-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-top: 1px;
 border-top: 2px dotted;
 border-top: medium dashed green;
-
+``` -

Les valeurs de la propriété raccourcie peuvent être fournies dans n'importe quel ordre et une voire deux valeurs peuvent être omises.

+Les valeurs de la propriété raccourcie peuvent être fournies dans n'importe quel ordre et une voire deux valeurs peuvent être omises. -

Valeurs

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

Syntaxe formelle

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

Exemples

+## Exemples -

CSS

+### CSS -
.exemple {
+```css
+.exemple {
   border-top: 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-top', 'border-top')}}{{Spec2('CSS3 Backgrounds')}}Pas de modification directe bien que la modification de valeurs pour {{cssxref("border-top-color")}} s'applique.
{{SpecName('CSS2.1', 'box.html#propdef-border-top', 'border-top')}}{{Spec2('CSS2.1')}}Aucune modification significative.
{{SpecName('CSS1', '#border-top', 'border-top')}}{{Spec2('CSS1')}}Définition initiale.
- -
{{cssinfo}}
- -

Compatibilité des navigateurs

- -

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

+

+``` + +### Résultat + +{{EmbedLiveSample("Exemples","200","150")}} + +## Spécifications + +| Spécification | État | Commentaires | +| ---------------------------------------------------------------------------------------- | ---------------------------------------- | ------------------------------------------------------------------------------------------------------------------------- | +| {{SpecName('CSS3 Backgrounds', '#border-top', 'border-top')}} | {{Spec2('CSS3 Backgrounds')}} | Pas de modification directe bien que la modification de valeurs pour {{cssxref("border-top-color")}} s'applique. | +| {{SpecName('CSS2.1', 'box.html#propdef-border-top', 'border-top')}} | {{Spec2('CSS2.1')}} | Aucune modification significative. | +| {{SpecName('CSS1', '#border-top', 'border-top')}} | {{Spec2('CSS1')}} | Définition initiale. | + +{{cssinfo}} + +## Compatibilité des navigateurs + +{{Compat("css.properties.border-top")}} -- cgit v1.2.3-54-g00ecf