From 97065b2e68dd8768dc1ea092c893c57ebe205026 Mon Sep 17 00:00:00 2001
From: Peter Bengtsson <mail@peterbe.com>
Date: Thu, 25 Feb 2021 08:31:36 -0500
Subject: use class="hidden" not style="display:none"

---
 files/fr/web/api/canvasrenderingcontext2d/arc/index.html              | 4 ++--
 files/fr/web/api/canvasrenderingcontext2d/beginpath/index.html        | 2 +-
 files/fr/web/api/canvasrenderingcontext2d/closepath/index.html        | 2 +-
 .../web/api/canvasrenderingcontext2d/createlineargradient/index.html  | 2 +-
 files/fr/web/api/canvasrenderingcontext2d/drawimage/index.html        | 4 +---
 files/fr/web/api/canvasrenderingcontext2d/ellipse/index.html          | 2 +-
 files/fr/web/api/canvasrenderingcontext2d/fillrect/index.html         | 2 +-
 files/fr/web/api/canvasrenderingcontext2d/filltext/index.html         | 2 +-
 files/fr/web/api/canvasrenderingcontext2d/lineto/index.html           | 2 +-
 files/fr/web/api/canvasrenderingcontext2d/moveto/index.html           | 2 +-
 files/fr/web/api/canvasrenderingcontext2d/rect/index.html             | 2 +-
 files/fr/web/api/canvasrenderingcontext2d/rotate/index.html           | 2 +-
 files/fr/web/api/canvasrenderingcontext2d/scale/index.html            | 4 ++--
 files/fr/web/api/canvasrenderingcontext2d/setlinedash/index.html      | 2 +-
 files/fr/web/api/canvasrenderingcontext2d/settransform/index.html     | 2 +-
 files/fr/web/api/canvasrenderingcontext2d/stroke/index.html           | 2 +-
 files/fr/web/api/canvasrenderingcontext2d/strokerect/index.html       | 2 +-
 files/fr/web/api/canvasrenderingcontext2d/stroketext/index.html       | 2 +-
 files/fr/web/api/canvasrenderingcontext2d/transform/index.html        | 2 +-
 files/fr/web/api/canvasrenderingcontext2d/translate/index.html        | 2 +-
 20 files changed, 22 insertions(+), 24 deletions(-)

(limited to 'files/fr/web/api/canvasrenderingcontext2d')

diff --git a/files/fr/web/api/canvasrenderingcontext2d/arc/index.html b/files/fr/web/api/canvasrenderingcontext2d/arc/index.html
index 28219272c1..f71bbb14db 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/arc/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/arc/index.html
@@ -55,7 +55,7 @@ ctx.stroke();</code></pre>
 
 <p>Modifiez le code ci-dessous et voyez les changements en direct sur le canvas :</p>
 
-<div style="display: none;">
+<div class="hidden">
 <h6 id="Playable_code" name="Playable_code">Playable code</h6>
 
 <pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
@@ -101,7 +101,7 @@ window.addEventListener("load", drawCanvas);
 
 <p>Dans cet exemple, plusieurs formes différentes sont dessinées, afin de montrer les possibilités offertes par <code>arc()</code>.</p>
 
-<div style="display: none;">
+<div class="hidden">
 <h6 id="HTML_2">HTML</h6>
 
 <pre class="brush: html">&lt;canvas id="canvas" width="150" height="200"&gt;&lt;/canvas&gt;
diff --git a/files/fr/web/api/canvasrenderingcontext2d/beginpath/index.html b/files/fr/web/api/canvasrenderingcontext2d/beginpath/index.html
index 4df338c796..63a7c190dc 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/beginpath/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/beginpath/index.html
@@ -49,7 +49,7 @@ ctx.stroke();
 
 <p>Éditez le code ci-dessous pour voir vos changements directemment apportés au canvas:</p>
 
-<div style="display: none;">
+<div class="hidden">
 <h6 id="Playable_code">Playable code</h6>
 
 <pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/fr/web/api/canvasrenderingcontext2d/closepath/index.html b/files/fr/web/api/canvasrenderingcontext2d/closepath/index.html
index b3748ccbd7..6d32bb14f5 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/closepath/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/closepath/index.html
@@ -40,7 +40,7 @@ ctx.stroke();
 
 <p>Editez le code ci-dessous et observez les répercutions dans le canvas:</p>
 
-<div style="display: none;">
+<div class="hidden">
 <h6 id="Playable_code">Playable code</h6>
 
 <pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/fr/web/api/canvasrenderingcontext2d/createlineargradient/index.html b/files/fr/web/api/canvasrenderingcontext2d/createlineargradient/index.html
index 76fb50df9f..a764bd4477 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/createlineargradient/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/createlineargradient/index.html
@@ -70,7 +70,7 @@ ctx.fillRect(10, 10, 200, 100);
 
 <p>Modifiez le code ci-dessous et voyez vos changements mis à jour en temps réel sur le canevas :</p>
 
-<div style="display: none;">
+<div class="hidden">
 <h6 id="Playable_code">Playable code</h6>
 
 <pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/fr/web/api/canvasrenderingcontext2d/drawimage/index.html b/files/fr/web/api/canvasrenderingcontext2d/drawimage/index.html
index 1d217a65b7..9355533e78 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/drawimage/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/drawimage/index.html
@@ -65,7 +65,6 @@ void <var><em>ctx</em>.drawImage(image, sx, sy, sLargeur, sHauteur, dx, dy, dLar
 <h4 id="HTML">HTML</h4>
 
 <pre class="brush: html">&lt;canvas id="canvas"&gt;&lt;/canvas&gt;
-&lt;div style="display:none;"&gt;
   &lt;img id="source" src="https://mdn.mozillademos.org/files/5397/rhino.jpg"
        width="300" height="227"&gt;
 &lt;/div&gt;
@@ -82,11 +81,10 @@ ctx.drawImage(image, 33, 71, 104, 124, 21, 20, 87, 104);
 
 <p>Éditez le code suivant pour voir les changements en direct dans la balise canvas:</p>
 
-<div style="display: none;">
+<div class="hidden">
 <h6 id="Playable_code">Playable code</h6>
 
 <pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
-&lt;div style="display:none;"&gt;
   &lt;img id="source" src="https://mdn.mozillademos.org/files/5397/rhino.jpg" width="300" height="227"&gt;
 &lt;/div&gt;
 &lt;div class="playable-buttons"&gt;
diff --git a/files/fr/web/api/canvasrenderingcontext2d/ellipse/index.html b/files/fr/web/api/canvasrenderingcontext2d/ellipse/index.html
index 61d8e1345d..80b247abdc 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/ellipse/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/ellipse/index.html
@@ -62,7 +62,7 @@ ctx.stroke();
 
 <p>Modifiez le code ci-dessous et voyez vos changements mis à jour en temps réel dans le canevas (vérifiez le support de votre navigateur dans la table de compatibilité si aucune ellipse n'est tracée) :</p>
 
-<div style="display: none;">
+<div class="hidden">
 <h6 id="Playable_code" name="Playable_code">Playable code</h6>
 
 <pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/fr/web/api/canvasrenderingcontext2d/fillrect/index.html b/files/fr/web/api/canvasrenderingcontext2d/fillrect/index.html
index 2a5e36e2cb..3bec32ef04 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/fillrect/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/fillrect/index.html
@@ -54,7 +54,7 @@ ctx.fillRect(10, 10, 100, 100);
 
 <p>Éditez le code suivant pour voir les changements en direct dans la balise canvas:</p>
 
-<div style="display: none;">
+<div class="hidden">
 <h6 id="Playable_code">Playable code</h6>
 
 <pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/fr/web/api/canvasrenderingcontext2d/filltext/index.html b/files/fr/web/api/canvasrenderingcontext2d/filltext/index.html
index 666e230f59..598c9bb3ac 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/filltext/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/filltext/index.html
@@ -58,7 +58,7 @@ ctx.fillText('Hello world', 50, 100);
 
 <p>Modifiez le code ci-dessous et voyez vos changements être mis à jour en temps réel dans le canevas :</p>
 
-<div style="display: none;">
+<div class="hidden">
 <h6 id="Playable_code">Playable code</h6>
 
 <pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/fr/web/api/canvasrenderingcontext2d/lineto/index.html b/files/fr/web/api/canvasrenderingcontext2d/lineto/index.html
index 51359d72fd..afa3187b8b 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/lineto/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/lineto/index.html
@@ -51,7 +51,7 @@ ctx.stroke();
 
 <p>Éditez le code suivant pour voir les changements en direct:</p>
 
-<div style="display: none;">
+<div class="hidden">
 <h6 id="Playable_code">Playable code</h6>
 
 <pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/fr/web/api/canvasrenderingcontext2d/moveto/index.html b/files/fr/web/api/canvasrenderingcontext2d/moveto/index.html
index f7890599d4..a290011500 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/moveto/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/moveto/index.html
@@ -49,7 +49,7 @@ ctx.stroke();
 
 <p>Éditez le code ci-dessous pour voir vos changements mettre à jour le canvas en direct:</p>
 
-<div style="display: none;">
+<div class="hidden">
 <h6 id="Playable_code">Playable code</h6>
 
 <pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/fr/web/api/canvasrenderingcontext2d/rect/index.html b/files/fr/web/api/canvasrenderingcontext2d/rect/index.html
index f030ad7c92..72cc18fca8 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/rect/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/rect/index.html
@@ -51,7 +51,7 @@ ctx.fill();
 
 <p>Éditez le code ci-dessous pour voir vos mises à jour apportées au canvas directement:</p>
 
-<div style="display: none;">
+<div class="hidden">
 <h6 id="Playable_code">Playable code</h6>
 
 <pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/fr/web/api/canvasrenderingcontext2d/rotate/index.html b/files/fr/web/api/canvasrenderingcontext2d/rotate/index.html
index 94dabd0201..66a5dcea2d 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/rotate/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/rotate/index.html
@@ -54,7 +54,7 @@ ctx.setTransform(1, 0, 0, 1, 0, 0);
 
 <p>Modifiez le code ci-dessous et voyez vos changements mis à jour en temps réel dans le canevas:</p>
 
-<div style="display: none;">
+<div class="hidden">
 <h6 id="Playable_code">Playable code</h6>
 
 <pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/fr/web/api/canvasrenderingcontext2d/scale/index.html b/files/fr/web/api/canvasrenderingcontext2d/scale/index.html
index 91746be321..d0315f61ea 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/scale/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/scale/index.html
@@ -54,7 +54,7 @@ ctx.setTransform(1, 0, 0, 1, 0, 0);
 
 <p>Modifiez le code ci-dessous et voyez vos changements mis à jour en temps réel dans le canevas :</p>
 
-<div style="display: none;">
+<div class="hidden">
 <h6 id="Playable_code">Playable code</h6>
 
 <pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
@@ -100,7 +100,7 @@ window.addEventListener("load", drawCanvas);
 
 <p>Vous pouvez utiliser <code>ctx.scale(-1, 1)</code> pour retourner le contexte horizontalement et <code>ctx.scale(1, -1) </code>pour le retourner verticalement.</p>
 
-<div style="display: none;">
+<div class="hidden">
 <h6 id="Playable_code2">Playable code2</h6>
 
 <pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/fr/web/api/canvasrenderingcontext2d/setlinedash/index.html b/files/fr/web/api/canvasrenderingcontext2d/setlinedash/index.html
index 99a57ca4c5..2f821c9367 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/setlinedash/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/setlinedash/index.html
@@ -69,7 +69,7 @@ ctx.stroke();
 
 <p>Editez le code ci-dessous et observez les changements se produire dans le canvas:</p>
 
-<div style="display: none;">
+<div class="hidden">
 <h6 id="Playable_code">Playable code</h6>
 
 <pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/fr/web/api/canvasrenderingcontext2d/settransform/index.html b/files/fr/web/api/canvasrenderingcontext2d/settransform/index.html
index 54a288091b..e538f72e22 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/settransform/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/settransform/index.html
@@ -61,7 +61,7 @@ ctx.fillRect(0, 0, 100, 100);
 
 <p>Modifiez le code ci-dessous et voyez vos changements mis à jour en temps réel dans le canevas :</p>
 
-<div style="display: none;">
+<div class="hidden">
 <h6 id="Playable_code">Playable code</h6>
 
 <pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/fr/web/api/canvasrenderingcontext2d/stroke/index.html b/files/fr/web/api/canvasrenderingcontext2d/stroke/index.html
index 59f9bb5f95..4813eca699 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/stroke/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/stroke/index.html
@@ -41,7 +41,7 @@ ctx.stroke();
 
 <p>Editer le code en dessous et voir vos modifications mises à jour en direct dans le canevas :</p>
 
-<div style="display: none;">
+<div class="hidden">
 <h6 id="Playable_code">Playable code</h6>
 
 <pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/fr/web/api/canvasrenderingcontext2d/strokerect/index.html b/files/fr/web/api/canvasrenderingcontext2d/strokerect/index.html
index e2ac6a0f97..e625af9801 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/strokerect/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/strokerect/index.html
@@ -53,7 +53,7 @@ ctx.strokeRect(10, 10, 100, 100);
 
 <p>Éditez le code suivant pour voir les changements en direct dans la balise canvas:</p>
 
-<div style="display: none;">
+<div class="hidden">
 <h6 id="Playable_code">Playable code</h6>
 
 <pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/fr/web/api/canvasrenderingcontext2d/stroketext/index.html b/files/fr/web/api/canvasrenderingcontext2d/stroketext/index.html
index 379e409679..8c89a5bf6b 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/stroketext/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/stroketext/index.html
@@ -58,7 +58,7 @@ ctx.strokeText('Hello world', 50, 100);
 
 <p>Modifiez le code ci-dessous et voyez vos modifications mises à jour en direct dans le canevas:</p>
 
-<div style="display: none;">
+<div class="hidden">
 <h6 id="Playable_code">Playable code</h6>
 
 <pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/fr/web/api/canvasrenderingcontext2d/transform/index.html b/files/fr/web/api/canvasrenderingcontext2d/transform/index.html
index fa60151b13..f90c0fca72 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/transform/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/transform/index.html
@@ -61,7 +61,7 @@ ctx.fillRect(0, 0, 100, 100);
 
 <p>Modifiez le code ci-dessous et voyez vos modifications mises à jour en direct dans le canevas :</p>
 
-<div style="display: none;">
+<div class="hidden">
 <h6 id="Playable_code">Playable code</h6>
 
 <pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/fr/web/api/canvasrenderingcontext2d/translate/index.html b/files/fr/web/api/canvasrenderingcontext2d/translate/index.html
index 6146a88b6c..2ea645a83d 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/translate/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/translate/index.html
@@ -54,7 +54,7 @@ ctx.setTransform(1, 0, 0, 1, 0, 0);
 
 <p>Modifiez le code ci-dessous et voyez vos modifications mises à jour en direct sur le canevas :</p>
 
-<div style="display: none;">
+<div class="hidden">
 <h6 id="Playable_code">Playable code</h6>
 
 <pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
-- 
cgit v1.2.3-54-g00ecf