From 149319bb8c7b1394a443f0877c3460cd362aa815 Mon Sep 17 00:00:00 2001 From: julieng Date: Fri, 17 Sep 2021 20:58:15 +0200 Subject: move *.html to *.md --- files/fr/web/css/padding-block-end/index.html | 110 -------------------------- files/fr/web/css/padding-block-end/index.md | 110 ++++++++++++++++++++++++++ 2 files changed, 110 insertions(+), 110 deletions(-) delete mode 100644 files/fr/web/css/padding-block-end/index.html create mode 100644 files/fr/web/css/padding-block-end/index.md (limited to 'files/fr/web/css/padding-block-end') diff --git a/files/fr/web/css/padding-block-end/index.html b/files/fr/web/css/padding-block-end/index.html deleted file mode 100644 index 91344ee297..0000000000 --- a/files/fr/web/css/padding-block-end/index.html +++ /dev/null @@ -1,110 +0,0 @@ ---- -title: padding-block-end -slug: Web/CSS/padding-block-end -tags: - - CSS - - Experimental - - Propriété - - Reference -translation_of: Web/CSS/padding-block-end ---- -
{{CSSRef}}{{SeeCompatTable}}
- -

La propriété padding-block-end définit le début logique de la zone de remplissage d'un élément de bloc. Cette propriété logique est traduite en une propriété physique selon le mode d'écriture, la directionnalité et l'orientation du texte. Autrement dit, elle correspond à la propriété {{cssxref("padding-top")}}, {{cssxref("padding-right")}}, {{cssxref("padding-bottom")}} ou {{cssxref("padding-left")}} selon les valeurs qui sont utilisées pour {{cssxref("writing-mode")}}, {{cssxref("direction")}} et {{cssxref("text-orientation")}}.

- -

Elle est à rapprocher des propriétés {{cssxref("padding-block-start")}}, {{cssxref("padding-inline-start")}} et {{cssxref("padding-inline-end")}} qui définissent les autres écarts de remplissage logiques d'un élément.

- -
{{EmbedInteractiveExample("pages/css/padding-block-end.html")}}
- -

Syntaxe

- -
/* Valeurs de longueur */
-/* Type <length>       */
-padding-block-end: 10px;
-padding-block-end: 1em;
-
-/* Valeurs de proportions */
-/* Type <percentage>      */
-padding-block-end: 5%;  /* Relatif à la largeur du bloc englobant */
-
-/* Valeurs globales */
-padding-block-end: inherit;
-padding-block-end: initial;
-padding-block-end: unset;
-
- -

Valeurs

- -

La propriété padding-block-end peut prendre les mêmes valeurs que la propriété {{cssxref("padding-left")}}.

- -

Syntaxe formelle

- -{{csssyntax}} - -

Exemples

- -

HTML

- -
<div>
-  <p class="exemple">Texte d'exemple et Lorem et IP sum</p>
-</div>
-
- -

CSS

- -
div {
-  background-color: yellow;
-  width: 120px;
-  height: 120px;
-}
-
-.exemple {
-  writing-mode: vertical-lr;
-  padding-block-end: 20px;
-  background-color: #C8C800;
-}
- -

Résultat

- -

{{EmbedLiveSample("Exemples", 140, 140)}}

- -

Spécifications

- - - - - - - - - - - - - - - - -
SpécificationÉtatCommentaires
{{SpecName("CSS Logical Properties", "#propdef-padding-block-end", "padding-block-end")}}{{Spec2("CSS Logical Properties")}}Définition initiale.
- -

{{cssinfo}}

- -

Compatibilité des navigateurs

- -

{{Compat("css.properties.padding-block-end")}}

- -

Voir aussi

- - diff --git a/files/fr/web/css/padding-block-end/index.md b/files/fr/web/css/padding-block-end/index.md new file mode 100644 index 0000000000..91344ee297 --- /dev/null +++ b/files/fr/web/css/padding-block-end/index.md @@ -0,0 +1,110 @@ +--- +title: padding-block-end +slug: Web/CSS/padding-block-end +tags: + - CSS + - Experimental + - Propriété + - Reference +translation_of: Web/CSS/padding-block-end +--- +
{{CSSRef}}{{SeeCompatTable}}
+ +

La propriété padding-block-end définit le début logique de la zone de remplissage d'un élément de bloc. Cette propriété logique est traduite en une propriété physique selon le mode d'écriture, la directionnalité et l'orientation du texte. Autrement dit, elle correspond à la propriété {{cssxref("padding-top")}}, {{cssxref("padding-right")}}, {{cssxref("padding-bottom")}} ou {{cssxref("padding-left")}} selon les valeurs qui sont utilisées pour {{cssxref("writing-mode")}}, {{cssxref("direction")}} et {{cssxref("text-orientation")}}.

+ +

Elle est à rapprocher des propriétés {{cssxref("padding-block-start")}}, {{cssxref("padding-inline-start")}} et {{cssxref("padding-inline-end")}} qui définissent les autres écarts de remplissage logiques d'un élément.

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

Syntaxe

+ +
/* Valeurs de longueur */
+/* Type <length>       */
+padding-block-end: 10px;
+padding-block-end: 1em;
+
+/* Valeurs de proportions */
+/* Type <percentage>      */
+padding-block-end: 5%;  /* Relatif à la largeur du bloc englobant */
+
+/* Valeurs globales */
+padding-block-end: inherit;
+padding-block-end: initial;
+padding-block-end: unset;
+
+ +

Valeurs

+ +

La propriété padding-block-end peut prendre les mêmes valeurs que la propriété {{cssxref("padding-left")}}.

+ +

Syntaxe formelle

+ +{{csssyntax}} + +

Exemples

+ +

HTML

+ +
<div>
+  <p class="exemple">Texte d'exemple et Lorem et IP sum</p>
+</div>
+
+ +

CSS

+ +
div {
+  background-color: yellow;
+  width: 120px;
+  height: 120px;
+}
+
+.exemple {
+  writing-mode: vertical-lr;
+  padding-block-end: 20px;
+  background-color: #C8C800;
+}
+ +

Résultat

+ +

{{EmbedLiveSample("Exemples", 140, 140)}}

+ +

Spécifications

+ + + + + + + + + + + + + + + + +
SpécificationÉtatCommentaires
{{SpecName("CSS Logical Properties", "#propdef-padding-block-end", "padding-block-end")}}{{Spec2("CSS Logical Properties")}}Définition initiale.
+ +

{{cssinfo}}

+ +

Compatibilité des navigateurs

+ +

{{Compat("css.properties.padding-block-end")}}

+ +

Voir aussi

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