convert content to md

1 files changed, 30 insertions, 44 deletions

diff --git a/files/fr/web/css/line-height-step/index.md b/files/fr/web/css/line-height-step/index.md
index c13c19867d..83db5a0e6f 100644
--- a/files/fr/web/css/line-height-step/index.md
+++ b/files/fr/web/css/line-height-step/index.md
@@ -8,34 +8,34 @@ tags:
   - Reference
 translation_of: Web/CSS/line-height-step
 ---
-<div>{{CSSRef}}{{Non-standard_header}}</div>
+{{CSSRef}}{{Non-standard_header}}
 
-<p>La propriété <strong><code>line-height-step</code></strong> définit le pas de hauteur des boîtes de ligne. Quand le pas est positif, les hauteurs des boîtes de ligne sont arrondies au pas le plus proche. Les valeurs négatives sont invalides.</p>
+La propriété **`line-height-step`** définit le pas de hauteur des boîtes de ligne. Quand le pas est positif, les hauteurs des boîtes de ligne sont arrondies au pas le plus proche. Les valeurs négatives sont invalides.
 
-<pre class="brush:css no-line-numbers">/* Valeurs avec une longueur */
+```css
+/* Valeurs avec une longueur */
 line-height-step: 18pt;
-</pre>
+```
 
-<h2 id="Syntaxe">Syntaxe</h2>
+## Syntaxe
 
-<p>La propriété <code>line-height-step</code> peut être définie avec une valeur de type <code><a href="#&lt;length>">&lt;length&gt;</a></code>.</p>
+La propriété `line-height-step` peut être définie avec une valeur de type [`<length>`](#<length>).
 
-<h3 id="Valeurs">Valeurs</h3>
+### Valeurs
 
-<dl>
- <dt><code>&lt;length&gt;</code></dt>
- <dd>La longueur indiquée est utilisée pour calculer le « pas » pour la hauteur de la boîte de chaque ligne. Voir {{cssxref("&lt;length&gt;")}} pour plus d'informations sur ce type de valeur.</dd>
-</dl>
+- `<length>`
+  - : La longueur indiquée est utilisée pour calculer le « pas » pour la hauteur de la boîte de chaque ligne. Voir {{cssxref("&lt;length&gt;")}} pour plus d'informations sur ce type de valeur.
 
-<h3 id="Formal_syntax">Formal syntax</h3>
+### Formal syntax
 
 {{csssyntax}}
 
-<h2 id="Exemples">Exemples</h2>
+## Exemples
 
-<p>Dans l'exemple suivant, la hauteur de la boîte des lignes pour chaque paragraphe est arrondie à l'unité supérieure. La boîte de la ligne pour l'élément <code>&lt;h1&gt;</code> ne tient pas sur une unité et en occupe donc deux (mais est toujours centrée sur ces deux unités).</p>
+Dans l'exemple suivant, la hauteur de la boîte des lignes pour chaque paragraphe est arrondie à l'unité supérieure. La boîte de la ligne pour l'élément `<h1>` ne tient pas sur une unité et en occupe donc deux (mais est toujours centrée sur ces deux unités).
 
-<pre class="brush: css">:root {
+```css
+:root {
   font-size: 12pt;
   --my-grid: 18pt;
   line-height-step: var(--my-grid);
@@ -43,41 +43,27 @@ line-height-step: 18pt;
 h1 {
   font-size: 20pt;
   margin-top: calc(2 * var(--my-grid));
-}</pre>
+}
+```
 
-<p>Voici le résultat obtenu avec une capture d'écran :</p>
+Voici le résultat obtenu avec une capture d'écran :
 
-<p><img alt="How the line-height-step property affects the appearance of text." src="line-grid-center.png"></p>
+![How the line-height-step property affects the appearance of text.](line-grid-center.png)
 
-<h2 id="Spécifications">Spécifications</h2>
+## Spécifications
 
-<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 Rhythmic Sizing', '#line-height-step', 'line-height-step')}}</td>
-   <td>{{Spec2('CSS Rhythmic Sizing')}}</td>
-   <td>Définition initiale.</td>
-  </tr>
- </tbody>
-</table>
+| Spécification                                                                                        | État                                         | Commentaires         |
+| ---------------------------------------------------------------------------------------------------- | -------------------------------------------- | -------------------- |
+| {{SpecName('CSS Rhythmic Sizing', '#line-height-step', 'line-height-step')}} | {{Spec2('CSS Rhythmic Sizing')}} | Définition initiale. |
 
-<p>{{cssinfo}}</p>
+{{cssinfo}}
 
-<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
+## Compatibilité des navigateurs
 
-<p>{{Compat("css.properties.line-height-step")}}</p>
+{{Compat("css.properties.line-height-step")}}
 
-<h2 id="Voir_aussi">Voir aussi</h2>
+## Voir aussi
 
-<ul>
- <li>{{cssxref("font")}}</li>
- <li>{{cssxref("font-size")}}</li>
- <li>{{cssxref("line-height")}}</li>
-</ul>
+- {{cssxref("font")}}
+- {{cssxref("font-size")}}
+- {{cssxref("line-height")}}