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

+ +

Valeurs

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

Syntaxe formelle

+ +
{{csssyntax}}
+ +

Exemples

+ +

CSS

+ +
.exemple {
+  border-top: 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-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