From 258ba7b4be62d8640477a3bd3146d08b00cb70ec Mon Sep 17 00:00:00 2001
From: julieng <julien.gattelier@gmail.com>
Date: Fri, 17 Sep 2021 20:59:20 +0200
Subject: convert content to md

---
 files/fr/web/css/padding-block-end/index.md | 120 +++++++++++++---------------
 1 file changed, 54 insertions(+), 66 deletions(-)

(limited to 'files/fr/web/css/padding-block-end')

diff --git a/files/fr/web/css/padding-block-end/index.md b/files/fr/web/css/padding-block-end/index.md
index 91344ee297..46d4e35eac 100644
--- a/files/fr/web/css/padding-block-end/index.md
+++ b/files/fr/web/css/padding-block-end/index.md
@@ -8,51 +8,54 @@ tags:
   - Reference
 translation_of: Web/CSS/padding-block-end
 ---
-<div>{{CSSRef}}{{SeeCompatTable}}</div>
+{{CSSRef}}{{SeeCompatTable}}
 
-<p>La propriété <strong><code>padding-block-end</code></strong> 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")}}.</p>
+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")}}.
 
-<p>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.</p>
+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.
 
-<div>{{EmbedInteractiveExample("pages/css/padding-block-end.html")}}</div>
+{{EmbedInteractiveExample("pages/css/padding-block-end.html")}}
 
-<h2 id="Syntaxe">Syntaxe</h2>
+## Syntaxe
 
-<pre class="brush:css no-line-numbers">/* Valeurs de longueur */
-/* Type &lt;length&gt;       */
+```css
+/* Valeurs de longueur */
+/* Type <length>       */
 padding-block-end: 10px;
 padding-block-end: 1em;
 
 /* Valeurs de proportions */
-/* Type &lt;percentage&gt;      */
+/* 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;
-</pre>
+```
 
-<h3 id="Valeurs">Valeurs</h3>
+### Valeurs
 
-<p>La propriété <code>padding-block-end</code> peut prendre les mêmes valeurs que la propriété {{cssxref("padding-left")}}.</p>
+La propriété `padding-block-end` peut prendre les mêmes valeurs que la propriété {{cssxref("padding-left")}}.
 
-<h3 id="Syntaxe_formelle">Syntaxe formelle</h3>
+### Syntaxe formelle
 
 {{csssyntax}}
 
-<h2 id="Exemples">Exemples</h2>
+## Exemples
 
-<h3 id="HTML">HTML</h3>
+### HTML
 
-<pre class="brush: html">&lt;div&gt;
-  &lt;p class="exemple"&gt;Texte d'exemple et Lorem et IP sum&lt;/p&gt;
-&lt;/div&gt;
-</pre>
+```html
+<div>
+  <p class="exemple">Texte d'exemple et Lorem et IP sum</p>
+</div>
+```
 
-<h3 id="CSS">CSS</h3>
+### CSS
 
-<pre class="brush: css">div {
+```css
+div {
   background-color: yellow;
   width: 120px;
   height: 120px;
@@ -62,49 +65,34 @@ padding-block-end: unset;
   writing-mode: vertical-lr;
   padding-block-end: 20px;
   background-color: #C8C800;
-}</pre>
-
-<h3 id="Résultat">Résultat</h3>
-
-<p>{{EmbedLiveSample("Exemples", 140, 140)}}</p>
-
-<h2 id="Spécifications">Spécifications</h2>
-
-<table class="standard-table">
- <thead>
-  <tr>
-   <th scope="col">Spécification</th>
-   <th scope="col">État</th>
-   <th scope="col">Commentaires</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td>{{SpecName("CSS Logical Properties", "#propdef-padding-block-end", "padding-block-end")}}</td>
-   <td>{{Spec2("CSS Logical Properties")}}</td>
-   <td>Définition initiale.</td>
-  </tr>
- </tbody>
-</table>
-
-<p>{{cssinfo}}</p>
-
-<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
-
-<p>{{Compat("css.properties.padding-block-end")}}</p>
-
-<h2 id="Voir_aussi">Voir aussi</h2>
-
-<ul>
- <li>Les propriétés physiques correspondantes :
-  <ul>
-   <li>{{cssxref("padding-top")}},</li>
-   <li>{{cssxref("padding-right")}},</li>
-   <li>{{cssxref("padding-bottom")}},</li>
-   <li>{{cssxref("padding-left")}}</li>
-  </ul>
- </li>
- <li>{{cssxref("writing-mode")}},</li>
- <li>{{cssxref("direction")}},</li>
- <li>{{cssxref("text-orientation")}}</li>
-</ul>
+}
+```
+
+### Résultat
+
+{{EmbedLiveSample("Exemples", 140, 140)}}
+
+## Spécifications
+
+| Spécification                                                                                                            | État                                             | Commentaires         |
+| ------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------ | -------------------- |
+| {{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
+
+- Les propriétés physiques correspondantes :
+
+  - {{cssxref("padding-top")}},
+  - {{cssxref("padding-right")}},
+  - {{cssxref("padding-bottom")}},
+  - {{cssxref("padding-left")}}
+
+- {{cssxref("writing-mode")}},
+- {{cssxref("direction")}},
+- {{cssxref("text-orientation")}}
-- 
cgit v1.2.3-54-g00ecf