diff options
Diffstat (limited to 'files/ja/web/css')
12 files changed, 47 insertions, 47 deletions
diff --git a/files/ja/web/css/border-bottom-left-radius/index.html b/files/ja/web/css/border-bottom-left-radius/index.html index e1821163f7..e6805d19db 100644 --- a/files/ja/web/css/border-bottom-left-radius/index.html +++ b/files/ja/web/css/border-bottom-left-radius/index.html @@ -89,7 +89,7 @@ border-bottom-left-radius: inherit;</pre> <tr> <td style="padding: 1.5em;"> <div style="background-color: lightgreen; border: solid 1px black; border-bottom-left-radius: 40px 40px; width: 100px; height: 100px;"> - <div style="display: none;">.</div> + <div class="hidden">.</div> </div> </td> <td>境界として使用されている円弧 @@ -103,7 +103,7 @@ div { <tr> <td style="padding: 1.5em;"> <div style="background-color: lightgreen; border: solid 1px black; border-bottom-left-radius: 40px 20px; width: 100px; height: 100px;"> - <div style="display: none;">.</div> + <div class="hidden">.</div> </div> </td> <td>境界として使用されている楕円の弧 @@ -117,7 +117,7 @@ div { <tr> <td style="padding: 1.5em;"> <div style="background-color: lightgreen; border: solid 1px black; border-bottom-left-radius: 40%; width: 100px; height: 100px;"> - <div style="display: none;">.</div> + <div class="hidden">.</div> </div> </td> <td>ボックスは正方形。境界として使用されている円弧 @@ -131,7 +131,7 @@ div { <tr> <td style="padding: 1.5em;"> <div style="background-color: lightgreen; border: solid 1px black; border-bottom-left-radius: 40%; width: 100px; height: 200px;"> - <div style="display: none;">.</div> + <div class="hidden">.</div> </div> </td> <td>ボックスは正方形ではない。境界として使用されている楕円の弧 @@ -145,7 +145,7 @@ div { <tr> <td style="padding: 1.5em;"> <div style="border: black 3px double; border-bottom-left-radius: 40%; height: 100px; width: 100px; background-color: rgb(250,20,70); background-clip: content-box;"> - <div style="display: none;">.</div> + <div class="hidden">.</div> </div> </td> <td>背景色は境界で切り取られる diff --git a/files/ja/web/css/border-bottom-right-radius/index.html b/files/ja/web/css/border-bottom-right-radius/index.html index a757c6aa39..090de6ee4a 100644 --- a/files/ja/web/css/border-bottom-right-radius/index.html +++ b/files/ja/web/css/border-bottom-right-radius/index.html @@ -83,7 +83,7 @@ border-bottom-right-radius: inherit;</pre> <tr> <td style="padding: 1.5em;"> <div style="background-color: lightgreen; border: solid 1px black; border-bottom-right-radius: 40px 40px; width: 100px; height: 100px;"> - <div style="display: none;">.</div> + <div class="hidden">.</div> </div> </td> <td>境界として使用されている円弧 @@ -97,7 +97,7 @@ div { <tr> <td style="padding: 1.5em;"> <div style="background-color: lightgreen; border: solid 1px black; border-bottom-right-radius: 40px 20px; width: 100px; height: 100px;"> - <div style="display: none;">.</div> + <div class="hidden">.</div> </div> </td> <td>境界として使用されている楕円の弧 @@ -111,7 +111,7 @@ div { <tr> <td style="padding: 1.5em;"> <div style="background-color: lightgreen; border: solid 1px black; border-bottom-right-radius: 40%; width: 100px; height: 100px;"> - <div style="display: none;">.</div> + <div class="hidden">.</div> </div> </td> <td>ボックスは正方形。境界として使用されている円弧 @@ -125,7 +125,7 @@ div { <tr> <td style="padding: 1.5em;"> <div style="background-color: lightgreen; border: solid 1px black; border-bottom-right-radius: 40%; width: 100px; height: 200px;"> - <div style="display: none;">.</div> + <div class="hidden">.</div> </div> </td> <td>ボックスは正方形ではない。境界として使用されている楕円の弧 @@ -139,7 +139,7 @@ div { <tr> <td style="padding: 1.5em;"> <div style="border: black 3px double; border-bottom-right-radius: 40%; height: 100px; width: 100px; background-color: rgb(250,20,70); background-clip: content-box;"> - <div style="display: none;">.</div> + <div class="hidden">.</div> </div> </td> <td>背景色は境界で切り取られる diff --git a/files/ja/web/css/border-top-right-radius/index.html b/files/ja/web/css/border-top-right-radius/index.html index e207a4c5cf..c522635fbb 100644 --- a/files/ja/web/css/border-top-right-radius/index.html +++ b/files/ja/web/css/border-top-right-radius/index.html @@ -111,7 +111,7 @@ div { <tr> <td style="padding: 1.5em;"> <div style="background-color: lightgreen; border: solid 1px black; border-top-right-radius: 40%; width: 100px; height: 200px;"> - <div style="display: none;">.</div> + <div class="hidden">.</div> </div> </td> <td>ボックスは正方形ではない。境界として使用されている楕円の弧 diff --git a/files/ja/web/css/css_background_and_borders/border-image_generator/index.html b/files/ja/web/css/css_background_and_borders/border-image_generator/index.html index fa4aa48cdf..8ce5bab6e9 100644 --- a/files/ja/web/css/css_background_and_borders/border-image_generator/index.html +++ b/files/ja/web/css/css_background_and_borders/border-image_generator/index.html @@ -9,7 +9,7 @@ translation_of: Web/CSS/CSS_Background_and_Borders/Border-image_generator --- <p>このツールを使用して、 CSS3 の {{cssxref("border-image")}} の値を作成できます。</p> -<div style="display: none;"> +<div class="hidden"> <h2 id="Border_Image_Generator" name="Border_Image_Generator">Border Image Generator</h2> <h3 id="HTML_Content">HTML Content</h3> diff --git a/files/ja/web/css/css_background_and_borders/border-radius_generator/index.html b/files/ja/web/css/css_background_and_borders/border-radius_generator/index.html index 7ec4cab13e..4ce39890a7 100644 --- a/files/ja/web/css/css_background_and_borders/border-radius_generator/index.html +++ b/files/ja/web/css/css_background_and_borders/border-radius_generator/index.html @@ -10,7 +10,7 @@ translation_of: Web/CSS/CSS_Background_and_Borders/Border-radius_generator --- <p>このツールは CSS3 の {{cssxref("border-radius")}} の効果を生成するために使用することができます。</p> -<div style="display: none;"> +<div class="hidden"> <h2 id="border-radius-generator" name="border-radius-generator">border-radius</h2> <h3 id="HTML_Content" name="HTML_Content">HTML Content</h3> diff --git a/files/ja/web/css/css_colors/color_picker_tool/index.html b/files/ja/web/css/css_colors/color_picker_tool/index.html index 7375e00046..958178331b 100644 --- a/files/ja/web/css/css_colors/color_picker_tool/index.html +++ b/files/ja/web/css/css_colors/color_picker_tool/index.html @@ -14,7 +14,7 @@ tags: - 色選択 translation_of: Web/CSS/CSS_Colors/Color_picker_tool --- -<div style="display: none;"> +<div class="hidden"> <h2 id="ColorPicker_Tool" name="ColorPicker_Tool">色選択ツール</h2> <h3 id="HTML">HTML</h3> diff --git a/files/ja/web/css/css_transitions/using_css_transitions/index.html b/files/ja/web/css/css_transitions/using_css_transitions/index.html index d01fba6005..e1fcbc6e7e 100644 --- a/files/ja/web/css/css_transitions/using_css_transitions/index.html +++ b/files/ja/web/css/css_transitions/using_css_transitions/index.html @@ -44,7 +44,7 @@ translation_of: Web/CSS/CSS_Transitions/Using_CSS_transitions <div id="duration_0_5s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-duration: 0.5s</code></p> - <div style="display: none;"> + <div class="hidden"> <pre class="brush:html notranslate"> <div class="parent"> <div class="box">Lorem</div> </div> @@ -109,7 +109,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <div id="duration_1s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-duration: 1s</code></p> - <div style="display: none;"> + <div class="hidden"> <pre class="brush:html notranslate"> <div class="parent"> <div class="box">Lorem</div> </div> @@ -174,7 +174,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <div id="duration_2s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-duration: 2s</code></p> - <div style="display: none;"> + <div class="hidden"> <pre class="brush:html notranslate"> <div class="parent"> <div class="box">Lorem</div> </div> @@ -239,7 +239,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <div id="duration_4s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-duration: 4s</code></p> - <div style="display: none;"> + <div class="hidden"> <pre class="brush:html notranslate"> <div class="parent"> <div class="box">Lorem</div> </div> @@ -308,7 +308,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <div id="ttf_ease" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-timing-function: ease</code></p> - <div style="display: none;"> + <div class="hidden"> <pre class="brush:html notranslate"> <div class="parent"> <div class="box">Lorem</div> </div> @@ -371,7 +371,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <div id="ttf_linear" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-timing-function: linear</code></p> - <div style="display: none;"> + <div class="hidden"> <pre class="brush:html notranslate"> <div class="parent"> <div class="box">Lorem</div> </div> @@ -434,7 +434,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <div id="ttf_stepend" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-timing-function: step-end</code></p> - <div style="display: none;"> + <div class="hidden"> <pre class="brush:html notranslate"> <div class="parent"> <div class="box">Lorem</div> </div> @@ -497,7 +497,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <div id="ttf_step4end" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-timing-function: steps(4, end)</code></p> - <div style="display: none;"> + <div class="hidden"> <pre class="brush:html notranslate"> <div class="parent"> <div class="box">Lorem</div> </div> @@ -564,7 +564,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <div id="delay_0_5s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-delay: 0.5s</code></p> - <div style="display: none;"> + <div class="hidden"> <pre class="brush:html notranslate"> <div class="parent"> <div class="box">Lorem</div> </div> @@ -636,7 +636,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <div id="delay_1s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-delay: 1s</code></p> - <div style="display: none;"> + <div class="hidden"> <pre class="brush:html notranslate"> <div class="parent"> <div class="box">Lorem</div> </div> @@ -708,7 +708,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <div id="delay_2s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-delay: 2s</code></p> - <div style="display: none;"> + <div class="hidden"> <pre class="brush:html notranslate"> <div class="parent"> <div class="box">Lorem</div> </div> @@ -780,7 +780,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <div id="delay_4s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-delay: 4s</code></p> - <div style="display: none;"> + <div class="hidden"> <pre class="brush:html notranslate"> <div class="parent"> <div class="box">Lorem</div> </div> diff --git a/files/ja/web/css/filter/index.html b/files/ja/web/css/filter/index.html index 5bb245abe5..1ec80548b3 100644 --- a/files/ja/web/css/filter/index.html +++ b/files/ja/web/css/filter/index.html @@ -116,7 +116,7 @@ img { <pre class="brush: css notranslate">filter: blur(5px) </pre> -<div id="blur_example" style="display: none;"> +<div id="blur_example" class="hidden"> <pre class="brush: html notranslate"> <table class="standard-table"> <thead> <tr> @@ -213,7 +213,7 @@ table.standard-table td { </filter> </svg></pre> -<div id="brightness_example" style="display: none;"> +<div id="brightness_example" class="hidden"> <pre class="brush: html notranslate"><table class="standard-table"> <thead> <tr> @@ -308,7 +308,7 @@ table.standard-table td { </svg> </pre> -<div id="contrast_example" style="display: none;"> +<div id="contrast_example" class="hidden"> <pre class="brush: html notranslate"><table class="standard-table"> <thead> <tr> @@ -415,7 +415,7 @@ table.standard-table td { </svg> </pre> -<div id="shadow_example" style="display: none;"> +<div id="shadow_example" class="hidden"> <pre class="brush: html notranslate"><table class="standard-table"> <thead> <tr> @@ -539,7 +539,7 @@ table.standard-table td { <pre class="brush: css notranslate">filter: grayscale(100%)</pre> -<div id="grayscale_example" style="display: none;"> +<div id="grayscale_example" class="hidden"> <pre class="brush: html notranslate"><table class="standard-table"> <thead> <tr> @@ -622,7 +622,7 @@ table.standard-table td { <pre class="brush: css notranslate">filter: hue-rotate(90deg)</pre> -<div id="huerotate_example" style="display: none;"> +<div id="huerotate_example" class="hidden"> <pre class="brush: html notranslate"><table class="standard-table"> <thead> <tr> @@ -708,7 +708,7 @@ table.standard-table td { <pre class="brush: css notranslate">filter: invert(100%)</pre> -<div id="invert_example" style="display: none;"> +<div id="invert_example" class="hidden"> <pre class="brush: html notranslate"><table class="standard-table"> <thead> <tr> @@ -791,7 +791,7 @@ table.standard-table td { <pre class="brush: css notranslate">filter: opacity(50%)</pre> -<div id="opacity_example" style="display: none;"> +<div id="opacity_example" class="hidden"> <pre class="brush: html notranslate"><table class="standard-table"> <thead> <tr> @@ -872,7 +872,7 @@ table.standard-table td { <pre class="brush: css notranslate">filter: saturate(200%)</pre> -<div id="saturate_example" style="display: none;"> +<div id="saturate_example" class="hidden"> <pre class="brush: html notranslate"><table class="standard-table"> <thead> <tr> @@ -952,7 +952,7 @@ table.standard-table td { <pre class="brush: css notranslate">filter: sepia(100%)</pre> -<div id="sepia_example" style="display: none;"> +<div id="sepia_example" class="hidden"> <pre class="brush: html notranslate"><table class="standard-table"> <thead> <tr> @@ -1035,7 +1035,7 @@ table.standard-table td { <pre class="brush: css notranslate">filter: contrast(175%) brightness(103%)</pre> -<div id="combination_example" style="display: none;"> +<div id="combination_example" class="hidden"> <pre class="brush: html notranslate"><table class="standard-table"> <thead> <tr> diff --git a/files/ja/web/css/text-decoration-style/index.html b/files/ja/web/css/text-decoration-style/index.html index 5473f5af42..394ad6a371 100644 --- a/files/ja/web/css/text-decoration-style/index.html +++ b/files/ja/web/css/text-decoration-style/index.html @@ -60,7 +60,7 @@ text-decoration-style: unset; <h2 id="Examples" name="Examples">例</h2> -<pre class="brush: css" style="display: none;">.example { +<pre class="brush: css" class="hidden">.example { -moz-text-decoration-line: underline; -moz-text-decoration-style: wavy; -moz-text-decoration-color: red; diff --git a/files/ja/web/css/transition-delay/index.html b/files/ja/web/css/transition-delay/index.html index 9094d98eb4..3e47ffa76a 100644 --- a/files/ja/web/css/transition-delay/index.html +++ b/files/ja/web/css/transition-delay/index.html @@ -56,7 +56,7 @@ transition-delay: unset; <div id="delay_0_5s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-delay: 0.5s</code></p> -<div style="display: none;"> +<div class="hidden"> <pre class="brush:html"> <div class="parent"> <div class="box">Lorem</div> </div> @@ -123,7 +123,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <div id="delay_1s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-delay: 1s</code></p> -<div style="display: none;"> +<div class="hidden"> <pre class="brush:html"> <div class="parent"> <div class="box">Lorem</div> </div> @@ -190,7 +190,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <div id="delay_2s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-delay: 2s</code></p> -<div style="display: none;"> +<div class="hidden"> <pre class="brush:html"> <div class="parent"> <div class="box">Lorem</div> </div> @@ -257,7 +257,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <div id="delay_4s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-delay: 4s</code></p> -<div style="display: none;"> +<div class="hidden"> <pre class="brush:html"> <div class="parent"> <div class="box">Lorem</div> </div> diff --git a/files/ja/web/css/transition-duration/index.html b/files/ja/web/css/transition-duration/index.html index c5bb4f0bbf..2aa297c4ee 100644 --- a/files/ja/web/css/transition-duration/index.html +++ b/files/ja/web/css/transition-duration/index.html @@ -54,7 +54,7 @@ transition-duration: unset; <div id="duration_0_5s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-duration: 0.5s</code></p> -<div style="display: none;"> +<div class="hidden"> <pre class="brush:html notranslate"> <div class="parent"> <div class="box">Lorem</div> </div> @@ -119,7 +119,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <div id="duration_1s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-duration: 1s</code></p> -<div style="display: none;"> +<div class="hidden"> <pre class="brush:html notranslate"> <div class="parent"> <div class="box">Lorem</div> </div> @@ -184,7 +184,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <div id="duration_2s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-duration: 2s</code></p> -<div style="display: none;"> +<div class="hidden"> <pre class="brush:html notranslate"> <div class="parent"> <div class="box">Lorem</div> </div> @@ -249,7 +249,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <div id="duration_4s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-duration: 4s</code></p> -<div style="display: none;"> +<div class="hidden"> <pre class="brush:html notranslate"> <div class="parent"> <div class="box">Lorem</div> </div> diff --git a/files/ja/web/css/using_css_custom_properties/index.html b/files/ja/web/css/using_css_custom_properties/index.html index 0008b66d3e..6571a2ed14 100644 --- a/files/ja/web/css/using_css_custom_properties/index.html +++ b/files/ja/web/css/using_css_custom_properties/index.html @@ -145,7 +145,7 @@ translation_of: Web/CSS/Using_CSS_custom_properties } </pre> -<div style="display: none;"> +<div class="hidden"> <pre class="brush:html"><div> <div class="one"></div> <div class="two">Text <span class="five">- more text</span></div> |