convert content to md

1 files changed, 26 insertions, 29 deletions

diff --git a/files/fr/web/api/document/mozsetimageelement/index.md b/files/fr/web/api/document/mozsetimageelement/index.md
index aa70b99736..c91cbf97fd 100644
--- a/files/fr/web/api/document/mozsetimageelement/index.md
+++ b/files/fr/web/api/document/mozsetimageelement/index.md
@@ -10,31 +10,29 @@ tags:
   - Méthodes
 translation_of: Web/API/Document/mozSetImageElement
 ---
-<p>{{ ApiRef("DOM") }}</p>
+{{ ApiRef("DOM") }}
 
-<p>{{ gecko_minversion_header("2.0") }}{{ non-standard_header() }}</p>
+{{ gecko_minversion_header("2.0") }}{{ non-standard_header() }}
 
-<p>Change l'élément utilisé comme arrière-plan CSS par un arrière-plan avec un ID d'élément d'arrière-plan donné.</p>
+Change l'élément utilisé comme arrière-plan CSS par un arrière-plan avec un ID d'élément d'arrière-plan donné.
 
-<h2 id="Syntax">Syntaxe</h2>
+## Syntaxe
 
-<pre class="eval">document.mozSetImageElement(<em>imageElementId</em>, imageElement);
-</pre>
+    document.mozSetImageElement(imageElementId, imageElement);
 
-<h3 id="Paramètres">Paramètres</h3>
+### Paramètres
 
-<ul>
- <li><code>imageElementId</code> est une chaîne de caractères indiquant le nom d'un élément qui a été spécifié comme une image d'arrière-plan en utilisant la fonction CSS {{ cssxref("-moz-element") }}.</li>
- <li><code>imageElement</code> est le nouvel élément à utiliser comme arrière-plan correspondant à cette chaîne d'élément image. Spécifiez <code>null</code> pour supprimer l'élément d'arrière-plan.</li>
-</ul>
+- `imageElementId` est une chaîne de caractères indiquant le nom d'un élément qui a été spécifié comme une image d'arrière-plan en utilisant la fonction CSS {{ cssxref("-moz-element") }}.
+- `imageElement` est le nouvel élément à utiliser comme arrière-plan correspondant à cette chaîne d'élément image. Spécifiez `null` pour supprimer l'élément d'arrière-plan.
 
-<h2 id="Example">Exemple</h2>
+## Exemple
 
-<p>Cet exemple change l'arrière-plan d'un bloc {{ HTMLElement("div") }} chaque fois que l'utilisateur clique sur le bloc.</p>
+Cet exemple change l'arrière-plan d'un bloc {{ HTMLElement("div") }} chaque fois que l'utilisateur clique sur le bloc.
 
-<p><a href="/samples/domref/mozSetImageElement.html">Vue de cet exemple en direct</a>.</p>
+[Vue de cet exemple en direct](/samples/domref/mozSetImageElement.html).
 
-<pre class="brush: html">&lt;style type="text/css"&gt;
+```html
+<style type="text/css">
   #mybox {
     background-image: -moz-element(#canvasbg);
     text-align: center;
@@ -42,12 +40,13 @@ translation_of: Web/API/Document/mozSetImageElement
     height: 400px;
     cursor: pointer;
   }
-&lt;/style&gt;
-</pre>
+</style>
+```
 
-<p>Le CSS défini par le bloc {{ HTMLElement("style") }} ci-dessus est utilisé par notre {{ HTMLElement("div") }} pour afficher un élément, ayant l'id "canvasbg", en arrière-plan.</p>
+Le CSS défini par le bloc {{ HTMLElement("style") }} ci-dessus est utilisé par notre {{ HTMLElement("div") }} pour afficher un élément, ayant l'id "canvasbg", en arrière-plan.
 
-<pre class="brush: js">var c = 0x00;
+```js
+var c = 0x00;
 function clicked() {
   var canvas = document.createElement("canvas");
   canvas.setAttribute("width", 100);
@@ -58,24 +57,22 @@ function clicked() {
   ctx.fillRect(25, 25, 75, 75);
 
   c += 0x11;
-  if (c &gt; 0xff) {
+  if (c > 0xff) {
     c = 0x00;
   }
 
   document.mozSetImageElement("canvasbg", canvas);
 }
-</pre>
+```
 
-<p>Le code ici est appelé chaque fois que l'utilisateur clique sur l'élément {{ HTMLElement("div") }}. Il crée un nouveau {{ HTMLElement("canvas") }} avec la largeur et la hauteur définies à 100 pixels et le dessine dans un carré de 50 par 50 pixels. Chaque fois que la fonction est appelée, le carré est d'une couleur différente (sa composante rouge est augmentée à chaque fois), donc chaque fois que l'utilisateur clique sur l'élément, le fond est plus lumineux et rempli d'un motif plus lumineux de carreaux rouges.</p>
+Le code ici est appelé chaque fois que l'utilisateur clique sur l'élément {{ HTMLElement("div") }}. Il crée un nouveau {{ HTMLElement("canvas") }} avec la largeur et la hauteur définies à 100 pixels et le dessine dans un carré de 50 par 50 pixels. Chaque fois que la fonction est appelée, le carré est d'une couleur différente (sa composante rouge est augmentée à chaque fois), donc chaque fois que l'utilisateur clique sur l'élément, le fond est plus lumineux et rempli d'un motif plus lumineux de carreaux rouges.
 
-<p>Une fois le canvas dessiné, <code>document.mozSetImageElement()</code> est appelée pour définir l'arrière-plan de tout CSS en utilisant l'ID "canvasbg" comme ID d'élément d'arrière-plan pour être notre nouveau canvas.</p>
+Une fois le canvas dessiné, `document.mozSetImageElement()` est appelée pour définir l'arrière-plan de tout CSS en utilisant l'ID "canvasbg" comme ID d'élément d'arrière-plan pour être notre nouveau canvas.
 
-<h2 id="Specification">Spécifications</h2>
+## Spécifications
 
-<p>Ne fait partie d'aucune spécification.</p>
+Ne fait partie d'aucune spécification.
 
-<h2 id="See_also">Voir aussi</h2>
+## Voir aussi
 
-<ul>
- <li>{{ cssxref("-moz-element") }}</li>
-</ul>
+- {{ cssxref("-moz-element") }}