convert content to md

1 files changed, 49 insertions, 63 deletions

diff --git a/files/fr/web/svg/attribute/stroke-dasharray/index.md b/files/fr/web/svg/attribute/stroke-dasharray/index.md
index c9cf9f4f60..b14d42ec70 100644
--- a/files/fr/web/svg/attribute/stroke-dasharray/index.md
+++ b/files/fr/web/svg/attribute/stroke-dasharray/index.md
@@ -6,82 +6,68 @@ tags:
   - SVG
 translation_of: Web/SVG/Attribute/stroke-dasharray
 ---
-<p>L'attribut <code>stroke-dasharray</code> contrôle le motif et l'espacement entre les segments utilisés pour tracer le contour d'un élément via l'attribut stroke. L'attribut définit ainsi un motif constitué d'une suite de segments et de vides dont la forme se rapprochera d'une ligne de pointillés. </p>
+L'attribut `stroke-dasharray` contrôle le motif et l'espacement entre les segments utilisés pour tracer le contour d'un élément via l'attribut stroke. L'attribut définit ainsi un motif constitué d'une suite de segments et de vides dont la forme se rapprochera d'une ligne de pointillés.
 
-<div class="note">
-  <p><strong>Note:</strong> Comme il s'agit d'un attribut de présentation, <code>stroke-dasharray </code>peut aussi être utilisé directement dans une feuille de style CSS.</p>
-</div>
+> **Note :** Comme il s'agit d'un attribut de présentation, `stroke-dasharray `peut aussi être utilisé directement dans une feuille de style CSS.
 
-<p>Les éléments suivants peuvent utiliser l'attribut <code>stroke-dasharray</code>: {{SVGElement('altGlyph')}}, {{SVGElement('circle')}}, {{SVGElement('ellipse')}}, {{SVGElement('path')}}, {{SVGElement('polygon')}}, {{SVGElement('polyline')}}, {{SVGElement('rect')}}, {{SVGElement('text')}}, {{SVGElement('textPath')}}, {{SVGElement('tref')}}, and {{SVGElement('tspan')}}</p>
+Les éléments suivants peuvent utiliser l'attribut `stroke-dasharray`: {{SVGElement('altGlyph')}}, {{SVGElement('circle')}}, {{SVGElement('ellipse')}}, {{SVGElement('path')}}, {{SVGElement('polygon')}}, {{SVGElement('polyline')}}, {{SVGElement('rect')}}, {{SVGElement('text')}}, {{SVGElement('textPath')}}, {{SVGElement('tref')}}, and {{SVGElement('tspan')}}
 
-<h2 id="Exemple">Exemple</h2>
+## Exemple
 
-<pre class="brush: css hidden">html,body,svg { height:100% }</pre>
+```css hidden
+html,body,svg { height:100% }
+```
 
-<pre class="brush: html">&lt;svg viewBox="0 0 30 10" version="1.1" xmlns="http://www.w3.org/2000/svg"&gt;
+```html
+<svg viewBox="0 0 30 10" version="1.1" xmlns="http://www.w3.org/2000/svg">
 
-    &lt;line                                  x1="0" y1="1" x2="30" y2="1" stroke="black" /&gt;
-    &lt;line stroke-dasharray="4"             x1="0" y1="3" x2="30" y2="3" stroke="black" /&gt;
-    &lt;line stroke-dasharray="4, 1"          x1="0" y1="5" x2="30" y2="5" stroke="black" /&gt;
-    &lt;line stroke-dasharray="4, 1, 2"       x1="0" y1="7" x2="30" y2="7" stroke="black" /&gt;
-    &lt;line stroke-dasharray="4, 1, 2, 3"    x1="0" y1="9" x2="30" y2="9" stroke="black" /&gt;
-&lt;/svg&gt;
-</pre>
+    <line                                  x1="0" y1="1" x2="30" y2="1" stroke="black" />
+    <line stroke-dasharray="4"             x1="0" y1="3" x2="30" y2="3" stroke="black" />
+    <line stroke-dasharray="4, 1"          x1="0" y1="5" x2="30" y2="5" stroke="black" />
+    <line stroke-dasharray="4, 1, 2"       x1="0" y1="7" x2="30" y2="7" stroke="black" />
+    <line stroke-dasharray="4, 1, 2, 3"    x1="0" y1="9" x2="30" y2="9" stroke="black" />
+</svg>
+```
 
-<p>{{ EmbedLiveSample('Exemple', '220', '150', '', 'Web/SVG/Attribute/stroke-dasharray') }}</p>
+{{ EmbedLiveSample('Exemple', '220', '150', '', 'Web/SVG/Attribute/stroke-dasharray') }}
 
-<h2 id="Contexte_d'usage">Contexte d'usage</h2>
+## Contexte d'usage
 
 <table class="standard-table">
- <tbody>
-  <tr>
-   <th scope="row">Catégories</th>
-   <td>Attribut de présentation</td>
-  </tr>
-  <tr>
-   <th scope="row">Valeur</th>
-   <td>none | &lt;dasharray&gt; | inherit</td>
-  </tr>
-  <tr>
-   <th scope="row">Animable</th>
-   <td>Oui</td>
-  </tr>
-  <tr>
-   <th scope="row">Document normatif</th>
-   <td><a href="http://www.w3.org/TR/SVG/painting.html#StrokeDasharrayProperty">SVG 1.1 (2nd Edition)</a></td>
-  </tr>
- </tbody>
+  <tbody>
+    <tr>
+      <th scope="row">Catégories</th>
+      <td>Attribut de présentation</td>
+    </tr>
+    <tr>
+      <th scope="row">Valeur</th>
+      <td>none | &#x3C;dasharray> | inherit</td>
+    </tr>
+    <tr>
+      <th scope="row">Animable</th>
+      <td>Oui</td>
+    </tr>
+    <tr>
+      <th scope="row">Document normatif</th>
+      <td>
+        <a href="http://www.w3.org/TR/SVG/painting.html#StrokeDasharrayProperty"
+          >SVG 1.1 (2nd Edition)</a
+        >
+      </td>
+    </tr>
+  </tbody>
 </table>
 
-<dl>
- <dt>&lt;dasharray&gt;</dt>
- <dd>Il s'agit d'une liste de mesures <a href="/fr/SVG/Content_type#Length" title="en/SVG/Content_type#Length">&lt;length&gt;</a> et <a href="/fr/SVG/Content_type#Percentage" title="en/SVG/Content_type#Percentage">&lt;percentage&gt;</a> séparées par des virgules ou des espaces blancs. Ils permettent de spécifier la longeur de l'alternance entre segments et vides. Si un nombre impair de valeurs est entré, alors la liste sera répartie afin de créer un nombre pair de valeurs par répétition. Ainsi, <strong>5,3,2</strong> sera rendu comme <strong>5,3,2,5,3,2</strong>.</dd>
-</dl>
+- \<dasharray>
+  - : Il s'agit d'une liste de mesures [\<length>](/fr/SVG/Content_type#Length "en/SVG/Content_type#Length") et [\<percentage>](/fr/SVG/Content_type#Percentage "en/SVG/Content_type#Percentage") séparées par des virgules ou des espaces blancs. Ils permettent de spécifier la longeur de l'alternance entre segments et vides. Si un nombre impair de valeurs est entré, alors la liste sera répartie afin de créer un nombre pair de valeurs par répétition. Ainsi, **5,3,2** sera rendu comme **5,3,2,5,3,2**.
 
-<h2 id="Browser_Compatibility">Compatibilité des navigateurs</h2>
+## Compatibilité des navigateurs
 
-<p>{{Compat("svg.attributes.presentation.stroke-dasharray")}}</p>
+{{Compat("svg.attributes.presentation.stroke-dasharray")}}
 
-<h2 id="Spécification">Spécification</h2>
+## Spécification
 
-<table class="standard-table">
- <thead>
-  <tr>
-   <th scope="col">Spécification</th>
-   <th scope="col">Statut</th>
-   <th scope="col">Commentaire</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td>{{SpecName("SVG2", "painting.html#StrokeDasharrayProperty", "stroke-dasharray")}}</td>
-   <td>{{Spec2("SVG2")}}</td>
-   <td>Définition pour les formes et textes</td>
-  </tr>
-  <tr>
-   <td>{{SpecName("SVG1.1", "painting.html#StrokeDasharrayProperty", "stroke-dasharray")}}</td>
-   <td>{{Spec2("SVG1.1")}}</td>
-   <td>Définition initiale pour les formes et textes</td>
-  </tr>
- </tbody>
-</table>
+| Spécification                                                                                                    | Statut                   | Commentaire                                   |
+| ---------------------------------------------------------------------------------------------------------------- | ------------------------ | --------------------------------------------- |
+| {{SpecName("SVG2", "painting.html#StrokeDasharrayProperty", "stroke-dasharray")}}     | {{Spec2("SVG2")}} | Définition pour les formes et textes          |
+| {{SpecName("SVG1.1", "painting.html#StrokeDasharrayProperty", "stroke-dasharray")}} | {{Spec2("SVG1.1")}} | Définition initiale pour les formes et textes |