use class="hidden" not style="display:none"

9 files changed, 10 insertions, 10 deletions

diff --git a/files/ja/web/api/canvasrenderingcontext2d/arc/index.html b/files/ja/web/api/canvasrenderingcontext2d/arc/index.html
index 56f9db6d6b..643e43fc8c 100644
--- a/files/ja/web/api/canvasrenderingcontext2d/arc/index.html
+++ b/files/ja/web/api/canvasrenderingcontext2d/arc/index.html
@@ -58,7 +58,7 @@ ctx.stroke();
 
 <p>以下のコードを書き替えると、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;
@@ -104,7 +104,7 @@ window.addEventListener("load", drawCanvas);
 
 <p>以下の例は異なった形を描くことで、<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/ja/web/api/canvasrenderingcontext2d/clearrect/index.html b/files/ja/web/api/canvasrenderingcontext2d/clearrect/index.html
index 4f09a2bc91..11d53cfe2b 100644
--- a/files/ja/web/api/canvasrenderingcontext2d/clearrect/index.html
+++ b/files/ja/web/api/canvasrenderingcontext2d/clearrect/index.html
@@ -63,7 +63,7 @@ ctx.clearRect(10, 10, 100, 100);
 
 <p>以下のコードを編集して、変更がどのように適用されるか試してみてください。</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/ja/web/api/canvasrenderingcontext2d/drawfocusifneeded/index.html b/files/ja/web/api/canvasrenderingcontext2d/drawfocusifneeded/index.html
index 4d0135e6fa..db5875c709 100644
--- a/files/ja/web/api/canvasrenderingcontext2d/drawfocusifneeded/index.html
+++ b/files/ja/web/api/canvasrenderingcontext2d/drawfocusifneeded/index.html
@@ -50,7 +50,7 @@ ctx.drawFocusIfNeeded(button);
 
 <p>下のコードを編集すると、変更がリアルタイムに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;
diff --git a/files/ja/web/api/canvasrenderingcontext2d/fillrect/index.html b/files/ja/web/api/canvasrenderingcontext2d/fillrect/index.html
index 1424ba870b..9839c130e1 100644
--- a/files/ja/web/api/canvasrenderingcontext2d/fillrect/index.html
+++ b/files/ja/web/api/canvasrenderingcontext2d/fillrect/index.html
@@ -49,7 +49,7 @@ ctx.fillRect(10, 10, 100, 100);
 
 <p>以下のコードを編集して、変更がどのように適用されるか試してみてください。</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/ja/web/api/canvasrenderingcontext2d/filltext/index.html b/files/ja/web/api/canvasrenderingcontext2d/filltext/index.html
index 87823bbb20..6098495f82 100644
--- a/files/ja/web/api/canvasrenderingcontext2d/filltext/index.html
+++ b/files/ja/web/api/canvasrenderingcontext2d/filltext/index.html
@@ -55,7 +55,7 @@ ctx.fillText("Hello world", 50, 100);
 
 <p>以下のコードを編集すると、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;
diff --git a/files/ja/web/api/canvasrenderingcontext2d/lineto/index.html b/files/ja/web/api/canvasrenderingcontext2d/lineto/index.html
index 6929a63253..2bd2f6ea4f 100644
--- a/files/ja/web/api/canvasrenderingcontext2d/lineto/index.html
+++ b/files/ja/web/api/canvasrenderingcontext2d/lineto/index.html
@@ -45,7 +45,7 @@ ctx.stroke();
 
 <p>下のコードを編集して、変更が 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/ja/web/api/canvasrenderingcontext2d/rect/index.html b/files/ja/web/api/canvasrenderingcontext2d/rect/index.html
index 651320c13c..dff79b53ed 100644
--- a/files/ja/web/api/canvasrenderingcontext2d/rect/index.html
+++ b/files/ja/web/api/canvasrenderingcontext2d/rect/index.html
@@ -66,7 +66,7 @@ ctx.fill();
 
 <p>下のコードを変更してみよう:</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/ja/web/api/canvasrenderingcontext2d/stroke/index.html b/files/ja/web/api/canvasrenderingcontext2d/stroke/index.html
index 83ea761abf..3405ee1221 100644
--- a/files/ja/web/api/canvasrenderingcontext2d/stroke/index.html
+++ b/files/ja/web/api/canvasrenderingcontext2d/stroke/index.html
@@ -41,7 +41,7 @@ ctx.stroke();
 
 <p>下のコードを編集して、変更が 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/ja/web/api/canvasrenderingcontext2d/stroketext/index.html b/files/ja/web/api/canvasrenderingcontext2d/stroketext/index.html
index 173e65157b..e664a5f6bf 100644
--- a/files/ja/web/api/canvasrenderingcontext2d/stroketext/index.html
+++ b/files/ja/web/api/canvasrenderingcontext2d/stroketext/index.html
@@ -58,7 +58,7 @@ ctx.strokeText("Hello world", 50, 100);
 
 <p>以下のコードを編集すると、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;