convert content to md

1 files changed, 44 insertions, 42 deletions

diff --git a/files/fr/web/css/mask-border/index.md b/files/fr/web/css/mask-border/index.md
index f2faaaf334..6b765250be 100644
--- a/files/fr/web/css/mask-border/index.md
+++ b/files/fr/web/css/mask-border/index.md
@@ -4,15 +4,16 @@ slug: Web/CSS/mask-border
 translation_of: Web/CSS/mask-border
 browser-compat: css.properties.mask-border
 ---
-<div>{{cssref}}{{SeeCompatTable}}</div>
+{{cssref}}{{SeeCompatTable}}
 
-<p>La propriété CSS <strong><code>mask-border</code></strong> permet de créer un masque le long de la bordure d'un élément.</p>
+La propriété CSS **`mask-border`** permet de créer un masque le long de la bordure d'un élément.
 
-<p>Cette propriété est une propriété <a href="/fr/docs/Web/CSS/Shorthand_properties">raccourcie</a> pour les propriétés {{cssxref("mask-border-source")}}, {{cssxref("mask-border-slice")}}, {{cssxref("mask-border-width")}}, {{cssxref("mask-border-outset")}}, {{cssxref("mask-border-repeat")}} et {{cssxref("mask-border-mode")}}. Comme pour l'ensemble des propriétés raccourcies, toutes les propriétés qui ne sont pas explicitement utilisées dans la règle utilisent leur <a href="/fr/docs/Web/CSS/initial_value">valeur initiale</a>.</p>
+Cette propriété est une propriété [raccourcie](/fr/docs/Web/CSS/Shorthand_properties) pour les propriétés {{cssxref("mask-border-source")}}, {{cssxref("mask-border-slice")}}, {{cssxref("mask-border-width")}}, {{cssxref("mask-border-outset")}}, {{cssxref("mask-border-repeat")}} et {{cssxref("mask-border-mode")}}. Comme pour l'ensemble des propriétés raccourcies, toutes les propriétés qui ne sont pas explicitement utilisées dans la règle utilisent leur [valeur initiale](/fr/docs/Web/CSS/initial_value).
 
-<h2 id="Syntaxe">Syntaxe</h2>
+## Syntaxe
 
-<pre class="brush: css no-line-numbers">/* source | slice */
+```css
+/* source | slice */
 mask-border: url('border-mask.png') 25;
 
 /* source | slice | repeat */
@@ -23,49 +24,50 @@ mask-border: url('border-mask.png') 25 / 35px;
 
 /* source | slice | width | outset | repeat | mode */
 mask-border: url('border-mask.png') 25 / 35px / 12px space alpha;
-</pre>
-
-<h3 id="Valeurs">Valeurs</h3>
-
-<dl>
- <dt><code>&lt;'mask-border-source'&gt;</code></dt>
- <dd>L'image source, pour plus d'informations, voir {{cssxref("mask-border-source")}}.</dd>
- <dt><code>&lt;'mask-border-slice'&gt;</code></dt>
- <dd>Les dimensions qui permettent de découper l'image source en différentes régions. Il est possible d'utiliser jusqu'à 4 valeurs. Voir {{cssxref("mask-border-slice")}}.</dd>
- <dt><code>&lt;'mask-border-width'&gt;</code></dt>
- <dd>La largeur du masque pour la bordure. Il est possible d'utiliser jusqu'à 4 valeurs. Voir {{cssxref("mask-border-width")}}.</dd>
- <dt><code>&lt;'mask-border-outset'&gt;</code></dt>
- <dd>La distance entre le masque de la bordure et le bord extérieur de l'image. Il est possible d'utiliser jusqu'à 4 valeurs. Voir {{cssxref("mask-border-outset")}}.</dd>
- <dt><code>&lt;'mask-border-repeat'&gt;</code></dt>
- <dd>Cette valeur indiique la façon dont les régions du bord de l'image source sont ajustées afin de correspondre aux dimensions du masque. Il est possible d'utiliser jusqu'à deux valeurs. Voir {{cssxref("mask-border-repeat")}}.</dd>
- <dt><code>&lt;'mask-border-mode'&gt;</code></dt>
- <dd>Cette valeur définit si l'image source est traitée comme un masque de luminance ou comme un masque alpha. Voir {{cssxref("mask-border-mode")}}.</dd>
-</dl>
-
-<h3 id="Syntaxe_formelle">Syntaxe formelle</h3>
+```
+
+### Valeurs
+
+- `<'mask-border-source'>`
+  - : L'image source, pour plus d'informations, voir {{cssxref("mask-border-source")}}.
+- `<'mask-border-slice'>`
+  - : Les dimensions qui permettent de découper l'image source en différentes régions. Il est possible d'utiliser jusqu'à 4 valeurs. Voir {{cssxref("mask-border-slice")}}.
+- `<'mask-border-width'>`
+  - : La largeur du masque pour la bordure. Il est possible d'utiliser jusqu'à 4 valeurs. Voir {{cssxref("mask-border-width")}}.
+- `<'mask-border-outset'>`
+  - : La distance entre le masque de la bordure et le bord extérieur de l'image. Il est possible d'utiliser jusqu'à 4 valeurs. Voir {{cssxref("mask-border-outset")}}.
+- `<'mask-border-repeat'>`
+  - : Cette valeur indiique la façon dont les régions du bord de l'image source sont ajustées afin de correspondre aux dimensions du masque. Il est possible d'utiliser jusqu'à deux valeurs. Voir {{cssxref("mask-border-repeat")}}.
+- `<'mask-border-mode'>`
+  - : Cette valeur définit si l'image source est traitée comme un masque de luminance ou comme un masque alpha. Voir {{cssxref("mask-border-mode")}}.
+
+### Syntaxe formelle
 
 {{csssyntax}}
 
-<h2 id="Exemples">Exemples</h2>
+## Exemples
 
-<h3 id="Image_matricielle_(bitmap)">Image matricielle (<em>bitmap</em>)</h3>
+### Image matricielle (_bitmap_)
 
-<p>Dans cet exemple, on utilise un masque en losange. L'image source utilisée est un fichier PNG de 90 pixels de long et de large :</p>
+Dans cet exemple, on utilise un masque en losange. L'image source utilisée est un fichier PNG de 90 pixels de long et de large :
 
-<p><img alt="" src="mask-border-diamonds.png"></p>
+![](mask-border-diamonds.png)
 
-<h4 id="HTML">HTML</h4>
+#### HTML
 
-<pre class="brush: html">&lt;div id="bitmap"&gt;
+```html
+<div id="bitmap">
   Cet élément est entouré d'un masque de bordure
   matriciel. C'est pas mal.
-&lt;/div&gt;</pre>
+</div>
+```
 
-<h4 id="CSS">CSS</h4>
+#### CSS
 
-<p>Pour avoir un seul losange, on divise le carré en 3 (avec la valeur <code>30</code>). On utilise la valeur <code>round</code> pour que le masque soit réparti également de part et d'autre.</p>
+Pour avoir un seul losange, on divise le carré en 3 (avec la valeur `30`). On utilise la valeur `round` pour que le masque soit réparti également de part et d'autre.
 
-<pre class="brush: css">div {
+```css
+div {
   width: 200px;
   background-color: lavender;
   border: 18px solid salmon;
@@ -77,16 +79,16 @@ mask-border: url('border-mask.png') 25 / 35px / 12px space alpha;
     36px 18px    /* width */
     round;       /* repeat */
 }
-</pre>
+```
 
-<h4 id="Résultat">Résultat</h4>
+#### Résultat
 
-<p>{{EmbedLiveSample("Image_matricielle_(bitmap)")}}</p>
+{{EmbedLiveSample("Image_matricielle_(bitmap)")}}
 
-<h2 id="spécifications">Spécifications</h2>
+## Spécifications
 
-<p>{{Specifications}}</p>
+{{Specifications}}
 
-<h2 id="compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
+## Compatibilité des navigateurs
 
-<p>{{Compat}}</p>
\ No newline at end of file
+{{Compat}}