convert content to md

1 files changed, 41 insertions, 37 deletions

diff --git a/files/fr/web/css/inheritance/index.md b/files/fr/web/css/inheritance/index.md
index 65f8e21a57..4e1d5e1331 100644
--- a/files/fr/web/css/inheritance/index.md
+++ b/files/fr/web/css/inheritance/index.md
@@ -8,70 +8,74 @@ tags:
 translation_of: Web/CSS/inheritance
 original_slug: Web/CSS/Héritage
 ---
-<div>{{CSSRef}}</div>
+{{CSSRef}}
 
-<p>Pour <a href="fr/R%c3%a9f%c3%a9rence_CSS">chaque propriété CSS</a>, la spécification indique si, par défaut, cette propriété est héritée ou non. Cela permet de définir le comportement qu'on observera lorsqu'aucune valeur n'est spécifiée pour une propriété pour un élément donné.</p>
+Pour [chaque propriété CSS](fr/R%c3%a9f%c3%a9rence_CSS), la spécification indique si, par défaut, cette propriété est héritée ou non. Cela permet de définir le comportement qu'on observera lorsqu'aucune valeur n'est spécifiée pour une propriété pour un élément donné.
 
-<h2 id="Propriétés_héritées">Propriétés héritées</h2>
+## Propriétés héritées
 
-<p>Lorsqu'aucune valeur n'est spécifiée pour une<em> propriété héritée</em> sur un élément, l'élément récupère la <a href="/fr/docs/Web/CSS/Valeur_calculée">valeur calculée</a> de cette propriété appliquée à son élément parent. Seul l'élément racine du document possède <a href="/fr/docs/Web/CSS/Valeur_initiale">la valeur initiale</a> donnée via la spécification.</p>
+Lorsqu'aucune valeur n'est spécifiée pour une _propriété héritée_ sur un élément, l'élément récupère la [valeur calculée](/fr/docs/Web/CSS/Valeur_calculée) de cette propriété appliquée à son élément parent. Seul l'élément racine du document possède [la valeur initiale](/fr/docs/Web/CSS/Valeur_initiale) donnée via la spécification.
 
-<p>Un exemple caractéristique d'une propriété héritée est la propriété {{cssxref("color")}}. En définissant la règle de style :</p>
+Un exemple caractéristique d'une propriété héritée est la propriété {{cssxref("color")}}. En définissant la règle de style :
 
-<pre class="brush: css"> p { color: green; }
-</pre>
+```css
+ p { color: green; }
+```
 
-<p>Sur le fragment HTML suivant :</p>
+Sur le fragment HTML suivant :
 
-<pre class="brush: html"> &lt;p&gt;Ce paragraphe contient du &lt;em&gt;texte mis en emphase text&lt;/em&gt;.&lt;/p&gt;
-</pre>
+```html
+ <p>Ce paragraphe contient du <em>texte mis en emphase text</em>.</p>
+```
 
-<p>On obtient le résultat suivant :</p>
+On obtient le résultat suivant :
 
-<p>{{EmbedLiveSample("Propriétés_héritées")}}</p>
+{{EmbedLiveSample("Propriétés_héritées")}}
 
-<p>Les mots « texte mis en emphase » apparaîtront en vert, car l'élément <code>em</code> a hérité de la valeur de la propriété {{cssxref("color")}} de l'élément <code>p</code>. Il n'obtient pas la valeur initiale de la propriété (qui est la couleur utilisée par l'élément racine lorsque la page ne spécifie aucune couleur).</p>
+Les mots « texte mis en emphase » apparaîtront en vert, car l'élément `em` a hérité de la valeur de la propriété {{cssxref("color")}} de l'élément `p`. Il n'obtient pas la valeur initiale de la propriété (qui est la couleur utilisée par l'élément racine lorsque la page ne spécifie aucune couleur).
 
-<h2 id="Propriétés_non_héritées">Propriétés non héritées</h2>
+## Propriétés non héritées
 
-<p>Lorsqu'aucune valeur n'est définie pour un élément, pour une<em> propriété non héritée</em>, l'élément prendra <a href="/fr/docs/Web/CSS/Valeur_initiale">la valeur initiale</a> de cette propriété (telle qu'indiquée par la spécification).</p>
+Lorsqu'aucune valeur n'est définie pour un élément, pour une _propriété non héritée_, l'élément prendra [la valeur initiale](/fr/docs/Web/CSS/Valeur_initiale) de cette propriété (telle qu'indiquée par la spécification).
 
-<p>Un exemple caractéristique de propriété non héritée est la propriété {{cssxref("border")}}. En définissant la règle de style :</p>
+Un exemple caractéristique de propriété non héritée est la propriété {{cssxref("border")}}. En définissant la règle de style :
 
-<pre class="brush: css"> p { border: medium solid; }
-</pre>
+```css
+ p { border: medium solid; }
+```
 
-<p>Sur le fragment de code HTML :</p>
+Sur le fragment de code HTML :
 
-<pre class="brush: html"> &lt;p&gt;Ce paragraphe contient du &lt;em&gt;texte mis en emphase text&lt;/em&gt;.&lt;/p&gt;
-</pre>
+```html
+ <p>Ce paragraphe contient du <em>texte mis en emphase text</em>.</p>
+```
 
-<p>On obtient le résultat suivant :</p>
+On obtient le résultat suivant :
 
-<p>{{EmbedLiveSample("Propriétés_non_héritées")}}</p>
+{{EmbedLiveSample("Propriétés_non_héritées")}}
 
-<p>Les mots « texte mis en emphase » n'auront pas de bordure (car la valeur initiale de la propriété {{cssxref("border-style") }} est <code>none</code>).</p>
+Les mots « texte mis en emphase » n'auront pas de bordure (car la valeur initiale de la propriété {{cssxref("border-style") }} est `none`).
 
-<h2 id="Notes">Notes</h2>
+## Notes
 
-<p>Le mot-clé {{cssxref("inherit") }} permet aux auteurs de pages web de définir l'héritage de façon explicite. Il fonctionne aussi bien pour les propriétés héritées que pour celles qui ne sont pas héritées.</p>
+Le mot-clé {{cssxref("inherit") }} permet aux auteurs de pages web de définir l'héritage de façon explicite. Il fonctionne aussi bien pour les propriétés héritées que pour celles qui ne sont pas héritées.
 
-<p>Il est possible de contrôler l'héritage de toutes les propriétés grâce à la propriété raccourcie {{cssxref("all")}} afin d'appliquer la valeur indiquée sur toutes les propriétés.</p>
+Il est possible de contrôler l'héritage de toutes les propriétés grâce à la propriété raccourcie {{cssxref("all")}} afin d'appliquer la valeur indiquée sur toutes les propriétés.
 
-<p>Ainsi :</p>
+Ainsi :
 
-<pre class="brush: css">font: {
+```css
+font: {
   all: revert;
   font-size: 200%;
   font-weight: bold;
-}</pre>
+}
+```
 
-<p>permettra d'annuler la mise en forme de l'agent utilisateur pour l'ensemble des propriétés sauf si celles-ci sont fournies via une feuille de styles de l'utilisateur (qui sont alors utilisées). Ensuite, la taille du texte est doublée et celui-ci est mis en gras.</p>
+permettra d'annuler la mise en forme de l'agent utilisateur pour l'ensemble des propriétés sauf si celles-ci sont fournies via une feuille de styles de l'utilisateur (qui sont alors utilisées). Ensuite, la taille du texte est doublée et celui-ci est mis en gras.
 
-<h2 id="Voir_aussi">Voir aussi</h2>
+## Voir aussi
 
-<ul>
- <li>{{cssxref("inherit")}}, {{cssxref("initial")}}, {{cssxref("unset")}} et {{cssxref("revert")}}</li>
- <li><a href="/fr/docs/Web/CSS/Valeur_calculée">La notion de valeur calculée</a></li>
- <li><a href="/fr/docs/Web/CSS/Valeur_initiale">La notion de valeur initiale</a></li>
-</ul>
+- {{cssxref("inherit")}}, {{cssxref("initial")}}, {{cssxref("unset")}} et {{cssxref("revert")}}
+- [La notion de valeur calculée](/fr/docs/Web/CSS/Valeur_calculée)
+- [La notion de valeur initiale](/fr/docs/Web/CSS/Valeur_initiale)