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

La propriété padding-top d'un élément ajuste la hauteur de la boîte de remplissage (padding) en haut de l'élément.

+ +

La zone de remplissage correspond à l'espace entre le contenu et la bordure. Contrairement à {{cssxref("margin-top")}}, padding-top ne peut pas recevoir de valeurs négatives.

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

La propriété raccourcie {{cssxref("padding")}} permet de paramétrer les dimensions des quatre côtés de cette boîte (y compris padding-top donc).

+ +

Syntaxe

+ +
/* Valeurs de longueur */
+/* Type <length>       */
+padding-top: 0.5em;
+padding-top: 0;
+padding-top: 2cm;
+
+/* Valeurs de proportions */
+/* Type <percentage>      */
+padding-top: 10%;
+
+/* Valeurs globales */
+padding-top: inherit;
+padding-top: initial;
+padding-top: unset;
+
+ +

Valeurs

+ +
+
<length>
+
Cette valeur définit une hauteur positive. Voir {{cssxref("<length>")}} pour plus de détails.
+
<percentage>
+
Un pourcentage en rapport avec la largeur du bloc englobant. Voir {{cssxref("<percentage>")}} pour plus de détails.
+
+ +

Syntaxe formelle

+ +
{{csssyntax}}
+ +

Exemples

+ +

HTML

+ +
<p class="padd">
+  Elle n’avait pas bu la moitié de la bouteille,
+  que sa tête touchait au plafond et qu’elle fut
+  forcée de se baisser pour ne pas se casser le
+  cou.
+</p>
+ +

CSS

+ +
.padd {
+  padding-top: 5em;
+  border: solid 1px;
+}
+ +

Résultat

+ +

{{EmbedLiveSample("Exemples","100%","100%")}}

+ +

Spécifications

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
SpécificationÉtatCommentaires
{{SpecName('CSS3 Box', '#the-padding', 'padding-top')}}{{Spec2('CSS3 Box')}}Aucun changement depuis {{SpecName('CSS2.1', 'box.html#padding-properties', 'padding-top')}}.
{{SpecName('CSS3 Transitions', '#animatable-css', 'padding-top')}}{{Spec2('CSS3 Transitions')}}padding-top peut désormais être animée.
{{SpecName('CSS2.1', 'box.html#padding-properties', 'padding-top')}}{{Spec2('CSS2.1')}}Aucun changement depuis {{Specname('CSS1', '#padding-top', 'padding-top')}}.
{{Specname('CSS1', '#padding-top', 'padding-top')}}{{Spec2('CSS1')}}Définition initiale.
+ +

{{cssinfo}}

+ +

Compatibilité des navigateurs

+ + + +

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

+ +

Voir aussi

+ + -- cgit v1.2.3-54-g00ecf