diff options
Diffstat (limited to 'files/ja/web')
50 files changed, 97 insertions, 444 deletions
diff --git a/files/ja/web/accessibility/aria/widgets/overview/index.html b/files/ja/web/accessibility/aria/widgets/overview/index.html deleted file mode 100644 index c49401a24b..0000000000 --- a/files/ja/web/accessibility/aria/widgets/overview/index.html +++ /dev/null @@ -1,72 +0,0 @@ ---- -title: 概観 -slug: Web/Accessibility/ARIA/widgets/overview -tags: - - Accessibility - - JavaScript - - Landing - - NeedsUpdate -translation_of: Web/Accessibility/ARIA/widgets/overview ---- -<div class="warning">Warning: needs updating</div> - -<h2 id="Introduction_2" name="Introduction_2"><span class="mw-headline" id="Introduction">入門</span></h2> - -<p>ここでは、動作する例とアクセシブルなJavaScript ウィジェットを作るベストプラクティスを見ていきます。</p> - -<h2 id="General_Resources_2" name="General_Resources_2"><span class="mw-headline" id="General_Resources">一般リソース</span></h2> - -<ul> - <li><a class="external text" href="http://dev.aol.com/dhtml_style_guide" rel="nofollow">DHTML Style Guide</a> にはキーボードインタラクションのお勧めがあります。</li> - <li><a class="external text" href="http://www.w3.org/wai/pf/aria-practices" rel="nofollow">WAI-ARIA Authoring Practices Guide</a></li> -</ul> - -<h2 id="Checkbox" name="Checkbox">チェックボックス</h2> - -<ul> - <li><a class="external text" href="http://www.paciellogroup.com/blog/?p=53" rel="nofollow">ARIA Toggle Button and Tri-state Checkbox examples</a> (from "The Paciello Group Blog")</li> - <li><a class="external text" href="http://test.cita.uiuc.edu/aria/checkbox" rel="nofollow">ARIA Example Checkbox Widgets from the University of Illinois</a></li> -</ul> - -<h2 id="Menu_2" name="Menu_2"><span class="mw-headline" id="Menu">メニュー</span></h2> - -<ul> - <li><a class="external text" href="http://yuiblog.com/blog/2007/12/21/menu-waiaria/" rel="nofollow">Using WAI-ARIA Roles and States with the YUI Menu Control</a></li> -</ul> - -<h2 id="Slider_2" name="Slider_2"><span class="mw-headline" id="Slider">スライダー</span></h2> - -<ul> - <li>From the Paciello Group Blog: ARIA Slider, <a class="external text" href="http://www.paciellogroup.com/blog/?p=68" rel="nofollow">part one</a>, <a class="external text" href="http://www.paciellogroup.com/blog/?p=69" rel="nofollow">part two</a>, <a class="external text" href="http://www.paciellogroup.com/blog/?p=76" rel="nofollow">part threet</a> (<a class="external text" href="http://www.paciellogroup.com/blog/misc/ARIA/slider/" rel="nofollow">example</a>)</li> - <li><a class="external text" href="http://mindtrove.info/articles/creating-an-accessible-internationalized-dojo-rating-widget/" rel="nofollow">Creating an Accessible, Internationalized Dojo Rating Widget</a></li> -</ul> - -<h2 id="Tabs_2" name="Tabs_2"><span class="mw-headline" id="Tabs">タブ</span></h2> - -<ul> - <li><a class="external text" href="http://yuiblog.com/blog/2008/07/30/tabview-aria/" rel="nofollow">Enhancing TabView Accessibility with WAI-ARIA Roles and States</a>, from the YUI blog</li> - <li><a class="external text" href="http://wiki.github.com/fnagel/jQuery-Accessible-RIA/tabs" rel="nofollow">Enhancing the jQuery UI Tabs accordingly to WCAG 2.0 and ARIA</a></li> - <li><a class="external text" href="http://codetalks.org/source/widgets/tabpanel/tabpanel1.html" rel="nofollow">Tab panel example here on CodeTalks</a></li> -</ul> - -<h2 id="Lightbox_2" name="Lightbox_2"><span class="mw-headline" id="Lightbox">ライトボックス</span></h2> - -<ul> - <li><a class="external text" href="http://wiki.github.com/fnagel/jQuery-Accessible-RIA/lightbox" rel="nofollow">WCAG 2.0 and ARIA-</a><a class="external text" href="http://wiki.github.com/fnagel/jQuery-Accessible-RIA/table" rel="nofollow">conformant</a><a class="external text" href="http://wiki.github.com/fnagel/jQuery-Accessible-RIA/lightbox" rel="nofollow"> lightbox application</a></li> - <li><a class="external free" href="http://majx-js.digissime.net/js/popin/" rel="nofollow">http://majx-js.digissime.net/js/popin/</a></li> -</ul> - -<h2 id="Form_Validation_2" name="Form_Validation_2"><span class="mw-headline" id="Form_Validation">フォーム検証</span></h2> - -<ul> - <li><a class="external text" href="http://wiki.github.com/fnagel/jQuery-Accessible-RIA/formular" rel="nofollow">WCAG 2.0 and ARIA-conformant live form validation</a></li> -</ul> - -<h2 id="Tables" name="Tables"><span class="mw-headline" id="Table">表</span></h2> - -<ul> - <li><a class="external text" href="http://www.einfach-fuer-alle.de/artikel/barrierefreie-formulare-mit-html-css-und-javascript/" rel="nofollow">German tutorial on creating an accessible form</a></li> - <li><a class="external text" href="http://codetalks.org/source/widgets/grid/grid.sample.html" rel="nofollow">Simple grid example at CodeTalks</a></li> - <li><a class="external text" href="http://codetalks.org/source/widgets/datepicker/datepicker.sample.html" rel="nofollow">Date picker grid at CodeTalks</a></li> - <li><a class="external text" href="http://wiki.github.com/fnagel/jQuery-Accessible-RIA/table" rel="nofollow">WCAG 2.0 and ARIA-conformant sortable tables</a></li> -</ul> 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"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> @@ -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"><canvas id="canvas" width="150" height="200"></canvas> 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"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> 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"><canvas id="canvas" width="400" height="200" class="playable-canvas"> 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"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> 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"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> 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"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> 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"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> 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"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> 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"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/ja/web/api/documentorshadowroot/activeelement/index.html b/files/ja/web/api/document/activeelement/index.html index 5fe59cbae6..3d47c8b0b0 100644 --- a/files/ja/web/api/documentorshadowroot/activeelement/index.html +++ b/files/ja/web/api/document/activeelement/index.html @@ -1,6 +1,6 @@ --- title: document.activeElement -slug: Web/API/DocumentOrShadowRoot/activeElement +slug: Web/API/Document/activeElement tags: - DOM - Focus @@ -10,7 +10,7 @@ tags: - 要更新 translation_of: Web/API/DocumentOrShadowRoot/activeElement translation_of_original: Web/API/Document/activeElement -original_slug: Web/API/Document/activeElement +original_slug: Web/API/DocumentOrShadowRoot/activeElement --- <div>{{ApiRef}}</div> diff --git a/files/ja/web/api/documentorshadowroot/fullscreenelement/index.html b/files/ja/web/api/document/fullscreenelement/index.html index 2c75a57840..b5218b2447 100644 --- a/files/ja/web/api/documentorshadowroot/fullscreenelement/index.html +++ b/files/ja/web/api/document/fullscreenelement/index.html @@ -1,6 +1,6 @@ --- title: DocumentOrShadowRoot.fullscreenElement -slug: Web/API/DocumentOrShadowRoot/fullscreenElement +slug: Web/API/Document/fullscreenElement tags: - API - Document @@ -18,6 +18,7 @@ tags: - 全画面 - 読み取り専用 translation_of: Web/API/DocumentOrShadowRoot/fullscreenElement +original_slug: Web/API/DocumentOrShadowRoot/fullscreenElement --- <div>{{ApiRef("Fullscreen API")}}</div> diff --git a/files/ja/web/api/documentorshadowroot/getanimations/index.html b/files/ja/web/api/document/getanimations/index.html index 83900d4b9f..dde6a5530a 100644 --- a/files/ja/web/api/documentorshadowroot/getanimations/index.html +++ b/files/ja/web/api/document/getanimations/index.html @@ -1,6 +1,6 @@ --- title: Document.getAnimations() -slug: Web/API/DocumentOrShadowRoot/getAnimations +slug: Web/API/Document/getAnimations tags: - API - Animation @@ -17,7 +17,7 @@ tags: - waapi - web animations api translation_of: Web/API/DocumentOrShadowRoot/getAnimations -original_slug: Web/API/Document/getAnimations +original_slug: Web/API/DocumentOrShadowRoot/getAnimations --- <p>{{ SeeCompatTable() }}{{APIRef("Web Animations")}}</p> diff --git a/files/ja/web/api/documentorshadowroot/pointerlockelement/index.html b/files/ja/web/api/document/pointerlockelement/index.html index 5806f9344e..6b6afcd8e5 100644 --- a/files/ja/web/api/documentorshadowroot/pointerlockelement/index.html +++ b/files/ja/web/api/document/pointerlockelement/index.html @@ -1,6 +1,6 @@ --- title: DocumentOrShadowRoot.pointerLockElement -slug: Web/API/DocumentOrShadowRoot/pointerLockElement +slug: Web/API/Document/pointerLockElement tags: - API - DOM @@ -12,6 +12,7 @@ tags: - プロパティ - マウスロック translation_of: Web/API/DocumentOrShadowRoot/pointerLockElement +original_slug: Web/API/DocumentOrShadowRoot/pointerLockElement --- <div>{{APIRef("DOM")}}</div> diff --git a/files/ja/web/api/documentorshadowroot/stylesheets/index.html b/files/ja/web/api/document/stylesheets/index.html index 48a1e7a169..8a793da1fc 100644 --- a/files/ja/web/api/documentorshadowroot/stylesheets/index.html +++ b/files/ja/web/api/document/stylesheets/index.html @@ -1,6 +1,6 @@ --- title: DocumentOrShadowRoot.styleSheets -slug: Web/API/DocumentOrShadowRoot/styleSheets +slug: Web/API/Document/styleSheets tags: - API - Document @@ -11,6 +11,7 @@ tags: - Stylesheets - shadow dom translation_of: Web/API/DocumentOrShadowRoot/styleSheets +original_slug: Web/API/DocumentOrShadowRoot/styleSheets --- <div>{{SeeCompatTable}}{{APIRef("Shadow DOM")}}</div> diff --git a/files/ja/web/api/documentorshadowroot/mselementsfromrect/index.html b/files/ja/web/api/documentorshadowroot/mselementsfromrect/index.html deleted file mode 100644 index 57d9c2b7b7..0000000000 --- a/files/ja/web/api/documentorshadowroot/mselementsfromrect/index.html +++ /dev/null @@ -1,54 +0,0 @@ ---- -title: DocumentOrShadowRoot.msElementsFromRect() -slug: Web/API/DocumentOrShadowRoot/msElementsFromRect -tags: - - API - - 'API:Microsoft Extensions' - - Method - - Non-standard - - Reference - - msElementsFromRect -translation_of: Web/API/DocumentOrShadowRoot/msElementsFromRect ---- -<div>{{APIRef("Microsoft Extensions")}}{{Non-standard_Header}}</div> - -<p><strong><code>msElementsFromRect</code></strong> メソッドは、left、 top、 width、 heighで定義された四角形の下にある要素のノードリストを返します。</p> - -<p>この独自プロパティは Internet Explorer と Microsoft Edge に固有のものです。</p> - -<h2 id="構文">構文</h2> - -<pre class="syntaxbox notranslate"><em>object</em>.msElementsFromRect(left, top, width, height, retVal) -</pre> - -<h3 id="パラメータ">パラメータ</h3> - -<dl> - <dt><em>left </em>[in]</dt> - <dd>型: <strong>浮動小数点</strong></dd> - <dt><em>top</em>[in]</dt> - <dd>型: <strong>浮動小数点</strong></dd> - <dt><em>width</em>[in]</dt> - <dd>型: <strong>浮動小数点</strong></dd> - <dt><em>height </em>[in]</dt> - <dd>型: <strong>浮動小数点</strong></dd> - <dt><em>retVal </em>[out, reval]</dt> - <dd>型: <strong>ノードリスト</strong></dd> -</dl> - -<h2 id="例">例</h2> - -<p>特定のポイントの下にある全ての要素を検索するには、 <code>msElementsFromPoint(x, y)</code> を使用します。長方形を交差する全ての要素を見つけるには、 <code>msElementsFromRect(top, left, width, height)</code> を使用します。</p> - -<pre class="brush: js notranslate">var nodeList = document.msElementsFromRect(x,y,width,height) -var nodeList = document.msElementsFromPoint(x,y) -</pre> - -<p>返された nodeList には z-index でソートされているため、要素の相対的なスタック順序を確認できます。</p> - -<h2 id="See_Also" name="See_Also">関連項目</h2> - -<ul> - <li><a href="https://testdrive-archive.azurewebsites.net/HTML5/HitTest/Default.html">Advanced Hit Testing APIs Demo for msElementsFromPoint() and msElementsFromRect() </a></li> - <li><a href="/en-US/docs/Web/API/Microsoft_API_extensions">Microsoft API extensions </a></li> -</ul> diff --git a/files/ja/web/api/htmlhyperlinkelementutils/hash/index.html b/files/ja/web/api/htmlanchorelement/hash/index.html index 293b73e2f0..98cb53f17f 100644 --- a/files/ja/web/api/htmlhyperlinkelementutils/hash/index.html +++ b/files/ja/web/api/htmlanchorelement/hash/index.html @@ -1,6 +1,6 @@ --- title: HTMLHyperlinkElementUtils.hash -slug: Web/API/HTMLHyperlinkElementUtils/hash +slug: Web/API/HTMLAnchorElement/hash tags: - API - Experimental @@ -9,6 +9,7 @@ tags: - Reference - URL API translation_of: Web/API/HTMLHyperlinkElementUtils/hash +original_slug: Web/API/HTMLHyperlinkElementUtils/hash --- <div>{{ APIRef("URLUtils") }}</div> diff --git a/files/ja/web/api/htmlhyperlinkelementutils/host/index.html b/files/ja/web/api/htmlanchorelement/host/index.html index 876dd935c1..c015eeb640 100644 --- a/files/ja/web/api/htmlhyperlinkelementutils/host/index.html +++ b/files/ja/web/api/htmlanchorelement/host/index.html @@ -1,6 +1,6 @@ --- title: HTMLHyperlinkElementUtils.host -slug: Web/API/HTMLHyperlinkElementUtils/host +slug: Web/API/HTMLAnchorElement/host tags: - API - Experimental @@ -9,6 +9,7 @@ tags: - Reference - URL API translation_of: Web/API/HTMLHyperlinkElementUtils/host +original_slug: Web/API/HTMLHyperlinkElementUtils/host --- <div>{{ApiRef("URL API")}}</div> diff --git a/files/ja/web/api/htmlhyperlinkelementutils/hostname/index.html b/files/ja/web/api/htmlanchorelement/hostname/index.html index 46c38302f1..a5cafaf97d 100644 --- a/files/ja/web/api/htmlhyperlinkelementutils/hostname/index.html +++ b/files/ja/web/api/htmlanchorelement/hostname/index.html @@ -1,6 +1,6 @@ --- title: HTMLHyperlinkElementUtils.hostname -slug: Web/API/HTMLHyperlinkElementUtils/hostname +slug: Web/API/HTMLAnchorElement/hostname tags: - API - Experimental @@ -9,6 +9,7 @@ tags: - Reference - URL API translation_of: Web/API/HTMLHyperlinkElementUtils/hostname +original_slug: Web/API/HTMLHyperlinkElementUtils/hostname --- <p>{{ApiRef("URL API")}}</p> diff --git a/files/ja/web/api/htmlhyperlinkelementutils/href/index.html b/files/ja/web/api/htmlanchorelement/href/index.html index a371695230..3f87137986 100644 --- a/files/ja/web/api/htmlhyperlinkelementutils/href/index.html +++ b/files/ja/web/api/htmlanchorelement/href/index.html @@ -1,6 +1,6 @@ --- title: HTMLHyperlinkElementUtils.href -slug: Web/API/HTMLHyperlinkElementUtils/href +slug: Web/API/HTMLAnchorElement/href tags: - API - Experimental @@ -10,6 +10,7 @@ tags: - Reference - URL API translation_of: Web/API/HTMLHyperlinkElementUtils/href +original_slug: Web/API/HTMLHyperlinkElementUtils/href --- <p>{{ApiRef("URL API")}}</p> diff --git a/files/ja/web/api/htmlhyperlinkelementutils/origin/index.html b/files/ja/web/api/htmlanchorelement/origin/index.html index 8353b66f0a..254a6d0a41 100644 --- a/files/ja/web/api/htmlhyperlinkelementutils/origin/index.html +++ b/files/ja/web/api/htmlanchorelement/origin/index.html @@ -1,6 +1,6 @@ --- title: HTMLHyperlinkElementUtils.origin -slug: Web/API/HTMLHyperlinkElementUtils/origin +slug: Web/API/HTMLAnchorElement/origin tags: - API - Experimental @@ -10,6 +10,7 @@ tags: - Reference - URL API translation_of: Web/API/HTMLHyperlinkElementUtils/origin +original_slug: Web/API/HTMLHyperlinkElementUtils/origin --- <p>{{APIRef("URL API")}}</p> diff --git a/files/ja/web/api/htmlhyperlinkelementutils/password/index.html b/files/ja/web/api/htmlanchorelement/password/index.html index d973268e54..c64b6381b0 100644 --- a/files/ja/web/api/htmlhyperlinkelementutils/password/index.html +++ b/files/ja/web/api/htmlanchorelement/password/index.html @@ -1,6 +1,6 @@ --- title: HTMLHyperlinkElementUtils.password -slug: Web/API/HTMLHyperlinkElementUtils/password +slug: Web/API/HTMLAnchorElement/password tags: - API - Experimental @@ -8,6 +8,7 @@ tags: - Property - URL API translation_of: Web/API/HTMLHyperlinkElementUtils/password +original_slug: Web/API/HTMLHyperlinkElementUtils/password --- <p>{{ApiRef("URL API")}}</p> diff --git a/files/ja/web/api/htmlhyperlinkelementutils/pathname/index.html b/files/ja/web/api/htmlanchorelement/pathname/index.html index a8b227269c..7782280325 100644 --- a/files/ja/web/api/htmlhyperlinkelementutils/pathname/index.html +++ b/files/ja/web/api/htmlanchorelement/pathname/index.html @@ -1,6 +1,6 @@ --- title: HTMLHyperlinkElementUtils.pathname -slug: Web/API/HTMLHyperlinkElementUtils/pathname +slug: Web/API/HTMLAnchorElement/pathname tags: - API - Experimental @@ -9,6 +9,7 @@ tags: - Reference - URL API translation_of: Web/API/HTMLHyperlinkElementUtils/pathname +original_slug: Web/API/HTMLHyperlinkElementUtils/pathname --- <p>{{ApiRef("URL API")}}</p> diff --git a/files/ja/web/api/htmlhyperlinkelementutils/port/index.html b/files/ja/web/api/htmlanchorelement/port/index.html index a97a28511a..5c7d24055a 100644 --- a/files/ja/web/api/htmlhyperlinkelementutils/port/index.html +++ b/files/ja/web/api/htmlanchorelement/port/index.html @@ -1,6 +1,6 @@ --- title: HTMLHyperlinkElementUtils.port -slug: Web/API/HTMLHyperlinkElementUtils/port +slug: Web/API/HTMLAnchorElement/port tags: - API - Experimental @@ -9,6 +9,7 @@ tags: - Reference - URL API translation_of: Web/API/HTMLHyperlinkElementUtils/port +original_slug: Web/API/HTMLHyperlinkElementUtils/port --- <p>{{ApiRef("URL API")}}</p> diff --git a/files/ja/web/api/htmlhyperlinkelementutils/protocol/index.html b/files/ja/web/api/htmlanchorelement/protocol/index.html index 9b800001ea..f25a1d16df 100644 --- a/files/ja/web/api/htmlhyperlinkelementutils/protocol/index.html +++ b/files/ja/web/api/htmlanchorelement/protocol/index.html @@ -1,6 +1,6 @@ --- title: HTMLHyperlinkElementUtils.protocol -slug: Web/API/HTMLHyperlinkElementUtils/protocol +slug: Web/API/HTMLAnchorElement/protocol tags: - API - Experimental @@ -8,6 +8,7 @@ tags: - Property - URL API translation_of: Web/API/HTMLHyperlinkElementUtils/protocol +original_slug: Web/API/HTMLHyperlinkElementUtils/protocol --- <p>{{ApiRef("URL API")}}</p> diff --git a/files/ja/web/api/htmlhyperlinkelementutils/search/index.html b/files/ja/web/api/htmlanchorelement/search/index.html index 3d09ac6610..2b1c67dd78 100644 --- a/files/ja/web/api/htmlhyperlinkelementutils/search/index.html +++ b/files/ja/web/api/htmlanchorelement/search/index.html @@ -1,6 +1,6 @@ --- title: HTMLHyperlinkElementUtils.search -slug: Web/API/HTMLHyperlinkElementUtils/search +slug: Web/API/HTMLAnchorElement/search tags: - API - Experimental @@ -9,6 +9,7 @@ tags: - Reference - URL API translation_of: Web/API/HTMLHyperlinkElementUtils/search +original_slug: Web/API/HTMLHyperlinkElementUtils/search --- <div>{{ApiRef("URL API")}}</div> diff --git a/files/ja/web/api/htmlhyperlinkelementutils/tostring/index.html b/files/ja/web/api/htmlanchorelement/tostring/index.html index 1edb61e862..36d1b4190a 100644 --- a/files/ja/web/api/htmlhyperlinkelementutils/tostring/index.html +++ b/files/ja/web/api/htmlanchorelement/tostring/index.html @@ -1,6 +1,6 @@ --- title: HTMLHyperlinkElementUtils.toString() -slug: Web/API/HTMLHyperlinkElementUtils/toString +slug: Web/API/HTMLAnchorElement/toString tags: - API - Experimental @@ -10,6 +10,7 @@ tags: - Stringifier - URL API translation_of: Web/API/HTMLHyperlinkElementUtils/toString +original_slug: Web/API/HTMLHyperlinkElementUtils/toString --- <p>{{ApiRef("URL API")}}</p> diff --git a/files/ja/web/api/htmlhyperlinkelementutils/username/index.html b/files/ja/web/api/htmlanchorelement/username/index.html index 2bda58e2d2..c1f7c60dcb 100644 --- a/files/ja/web/api/htmlhyperlinkelementutils/username/index.html +++ b/files/ja/web/api/htmlanchorelement/username/index.html @@ -1,6 +1,6 @@ --- title: HTMLHyperlinkElementUtils.username -slug: Web/API/HTMLHyperlinkElementUtils/username +slug: Web/API/HTMLAnchorElement/username tags: - API - Experimental @@ -9,6 +9,7 @@ tags: - Reference - URL API translation_of: Web/API/HTMLHyperlinkElementUtils/username +original_slug: Web/API/HTMLHyperlinkElementUtils/username --- <p>{{ApiRef("URL API")}}</p> diff --git a/files/ja/web/api/htmlhyperlinkelementutils/index.html b/files/ja/web/api/htmlhyperlinkelementutils/index.html deleted file mode 100644 index bc0b1f182a..0000000000 --- a/files/ja/web/api/htmlhyperlinkelementutils/index.html +++ /dev/null @@ -1,88 +0,0 @@ ---- -title: HTMLHyperlinkElementUtils -slug: Web/API/HTMLHyperlinkElementUtils -tags: - - API - - Experimental - - Mixin - - URL API -translation_of: Web/API/HTMLHyperlinkElementUtils ---- -<p>{{ApiRef("URL API")}}{{SeeCompatTable}}</p> - -<p><span class="seoSummary"><strong><code>HTMLHyperlinkElementUtils</code></strong> ミックスインは、{{domxref("HTMLAnchorElement")}} および {{domxref("HTMLAreaElement")}} と連携するユーティリティのメソッドとプロパティを定義します。 これらのユーティリティを使用すると、URL などの一般的な機能を処理できます。</span></p> - -<p>このタイプのオブジェクトはありませんが、いくつかのオブジェクトの {{domxref("HTMLAnchorElement")}} および {{domxref("HTMLAreaElement")}} がそれを実装しています。</p> - -<h2 id="Properties" name="Properties">プロパティ</h2> - -<div class="note"> -<p><strong>注</strong>: このインターフェイスはプロパティを継承しません。</p> -</div> - -<dl> - <dt>{{domxref("HTMLHyperlinkElementUtils.href")}}</dt> - <dd>これは、URL 全体を含む {{domxref("USVString")}} です。</dd> - <dt>{{domxref("HTMLHyperlinkElementUtils.protocol")}}</dt> - <dd>これは、最後の <code>':'</code> を含む URL のプロトコルスキームを含む {{domxref("USVString")}} です。</dd> - <dt>{{domxref("HTMLHyperlinkElementUtils.host")}}</dt> - <dd>これは、ホストを含む {{domxref("USVString")}} です。 ホストは、<em>ホスト名</em>の後に、URL の<em>ポート</em>が空でない場合、<code>':'</code>、および URL の<em>ポート</em>が続きます(空は、指定されていないか、URL のスキームのデフォルトポートとして指定されているために発生する可能性があります)。</dd> - <dt>{{domxref("HTMLHyperlinkElementUtils.hostname")}}</dt> - <dd>これは、URL のドメイン(ホスト名)を含む {{domxref("USVString")}} です。</dd> - <dt>{{domxref("HTMLHyperlinkElementUtils.port")}}</dt> - <dd>これは、URL のポート番号を含む {{domxref("USVString")}} です。</dd> - <dt>{{domxref("HTMLHyperlinkElementUtils.pathname")}}</dt> - <dd>これは、最初の <code>'/'</code> とその後に続く URL のパスを含む {{domxref("USVString")}} です。</dd> - <dt>{{domxref("HTMLHyperlinkElementUtils.search")}}</dt> - <dd>これは、<code>'?'</code> とその後に続く URL のパラメーターを含む {{domxref("USVString")}} です。</dd> - <dt>{{domxref("HTMLHyperlinkElementUtils.hash")}}</dt> - <dd>これは、<code>'#'</code> とその後に続く URL のフラグメント識別子を含む {{domxref("USVString")}} です。</dd> - <dt>{{domxref("HTMLHyperlinkElementUtils.username")}}</dt> - <dd>これは、ドメイン名の前に指定されたユーザー名を含む {{domxref("USVString")}} です。</dd> - <dt>{{domxref("HTMLHyperlinkElementUtils.password")}}</dt> - <dd>これは、ドメイン名の前に指定されたパスワードを含む {{domxref("USVString")}} です。</dd> - <dt>{{domxref("HTMLHyperlinkElementUtils.origin")}} {{readonlyInline}}</dt> - <dd>これは、URL のオリジン(スキーム、ドメイン、ポート)を含む {{domxref("USVString")}} を返します。</dd> -</dl> - -<h2 id="Methods" name="Methods">メソッド</h2> - -<div class="note"> -<p><strong>注</strong>: このインターフェイスはメソッドを継承しません。</p> -</div> - -<dl> - <dt>{{domxref("HTMLHyperlinkElementUtils.toString()")}}</dt> - <dd>これは、URL 全体を含む {{domxref("USVString")}} を返します。 {{domxref("HTMLHyperlinkElementUtils.href")}} の同義語ですが、値を変更するために使用することはできません。</dd> -</dl> - -<h2 id="Specifications" name="Specifications">仕様</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">仕様</th> - <th scope="col">状態</th> - <th scope="col">コメント</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('HTML WHATWG', '#htmlhyperlinkelementutils', 'HTMLHyperlinkElementUtils')}}</td> - <td>{{Spec2('HTML WHATWG')}}</td> - <td>初期定義</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> - - - -<p>{{Compat("api.HTMLHyperlinkElementUtils")}}</p> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li>これを実装するインターフェイス: {{domxref("HTMLAnchorElement")}}、{{domxref("HTMLAreaElement")}}</li> -</ul> diff --git a/files/ja/web/api/htmltableelement/index.html b/files/ja/web/api/htmltableelement/index.html index 2fb98c6ee0..180f2bd96c 100644 --- a/files/ja/web/api/htmltableelement/index.html +++ b/files/ja/web/api/htmltableelement/index.html @@ -187,4 +187,4 @@ translation_of: Web/API/HTMLTableElement <ul> <li>{{HTMLElement("table")}} - <code>HTMLTableElement</code> インタフェースを持つ HTML 要素</li> </ul> -<p><span id="cke_bm_222C" style="display: none;"> </span></p> +<p><span id="cke_bm_222C" class="hidden"> </span></p> diff --git a/files/ja/web/api/keyboardevent/keycode/index.html b/files/ja/web/api/keyboardevent/keycode/index.html index d080637e20..840a2dd38a 100644 --- a/files/ja/web/api/keyboardevent/keycode/index.html +++ b/files/ja/web/api/keyboardevent/keycode/index.html @@ -359,7 +359,7 @@ translation_of: Web/API/KeyboardEvent/keyCode <th scope="row"><code>"KeyD"</code></th> <td colspan="3" rowspan="1"><code>0x44 (68)</code></td> <td colspan="3" rowspan="1"><code>0x44 (68)</code></td> - <td colspan="3" rowspan="1"><code>0x44 (68)<span style="display: none;"> </span></code></td> + <td colspan="3" rowspan="1"><code>0x44 (68)<span class="hidden"> </span></code></td> <td colspan="3" rowspan="1"><code>0x44 (68)</code></td> <td colspan="3" rowspan="1"><code>0x44 (68)</code></td> <td colspan="3" rowspan="1"><code>0x44 (68)</code></td> diff --git a/files/ja/web/api/nondocumenttypechildnode/index.html b/files/ja/web/api/nondocumenttypechildnode/index.html deleted file mode 100644 index 2115525343..0000000000 --- a/files/ja/web/api/nondocumenttypechildnode/index.html +++ /dev/null @@ -1,69 +0,0 @@ ---- -title: NonDocumentTypeChildNode -slug: Web/API/NonDocumentTypeChildNode -tags: - - API - - DOM - - Interface - - NonDocumentTypeChildNode - - Reference -translation_of: Web/API/NonDocumentTypeChildNode ---- -<div>{{APIRef("DOM")}}</div> - -<p><code><strong>NonDocumentTypeChildNode</strong></code> インターフェイスは親を持つ {{domxref("Node")}} オブジェクトに固有な、{{domxref("DocumentType")}} に適していないメソッドを含みます。</p> - -<p><code>NonDocumentTypeChildNode</code> は純粋なインターフェースで、この型のオブジェクトを作ることはできません。 {{domxref("Element")}}、{{domxref("CharacterData")}} オブジェクトで実装されています。</p> - -<h2 id="Properties" name="Properties">プロパティ</h2> - -<p><em>継承されたプロパティはありません。</em></p> - -<dl> - <dt>{{domxref("NonDocumentTypeChildNode.previousElementSibling")}} {{readonlyInline}}</dt> - <dd>このノードの親ノードの子リスト内にある、このノードの直前にある {{domxref("Element")}} を返します。リスト内でこのノードの前に {{domxref("Element")}} がない場合は <code>null</code> を返します。</dd> - <dt>{{domxref("NonDocumentTypeChildNode.nextElementSibling")}} {{readonlyInline}}</dt> - <dd>このノードの親ノードの子リスト内にある、このノードの直後にある {{domxref("Element")}} を返します。リスト内でこのノードの後に {{domxref("Element")}} がない場合は <code>null</code> を返します。</dd> -</dl> - -<h2 id="Methods" name="Methods">メソッド</h2> - -<p><em>継承、および実装されたメソッドはありません。</em></p> - -<h2 id="Specifications" name="Specifications">仕様</h2> - -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">仕様書</th> - <th scope="col">策定状況</th> - <th scope="col">コメント</th> - </tr> - <tr> - <td>{{SpecName('DOM WHATWG', '#interface-nondocumenttypechildnode', 'NonDocumentTypeChildNode')}}</td> - <td>{{Spec2('DOM WHATWG')}}</td> - <td><code>ElementTraversal</code> インタフェースを{{domxref("ParentNode")}}、{{domxref("ChildNode")}}、<code>NonDocumentTypeChildNode</code> に分割しました。後者では <code>previousElementSibling</code> と <code>nextElementSibling</code> が定義されるようになりました。<br> - {{domxref("CharacterData")}} と {{domxref("Element")}} は、新しいインタフェースを実装しました。</td> - </tr> - <tr> - <td>{{SpecName('Element Traversal', '#interface-elementTraversal', 'ElementTraversal')}}</td> - <td>{{Spec2('Element Traversal')}}</td> - <td><code>ElementTraversal</code> 基本インターフェースにプロパティの初期定義を追加し、{{domxref("Element")}} で使用できるようにしました。.</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザー実装状況</h2> - -<div class="hidden">このページの互換表は構造化データで生成されました。データに貢献したい方は、<a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックし、プルリクエストを送信してください。</div> - -<p>{{Compat("api.NonDocumentTypeChildNode")}}</p> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li>{{domxref("ParentNode")}} および {{domxref("ChildNode")}} 基本インターフェース</li> - <li> - <div class="syntaxbox">この基本インターフェースを実装したオブジェクト: {{domxref("CharacterData")}}、{{domxref("Element")}}</div> - </li> -</ul> diff --git a/files/ja/web/api/response/usefinalurl/index.html b/files/ja/web/api/response/usefinalurl/index.html deleted file mode 100644 index 6f18f681d8..0000000000 --- a/files/ja/web/api/response/usefinalurl/index.html +++ /dev/null @@ -1,60 +0,0 @@ ---- -title: Response.useFinalURL -slug: Web/API/Response/useFinalURL -tags: - - API - - Experimental - - Fetch - - Obsolete - - Property - - Reference - - Response - - useFinalURL -translation_of: Web/API/Response/useFinalURL ---- -<div>{{APIRef("Fetch")}}{{obsolete_header}}</div> - -<p>{{domxref("Response")}} インターフェイスの <strong><code>useFinalURL</code></strong> プロパティには、これが response の最終URLかどうかを示すbook値が含まれています。</p> - -<div class="note"> -<p>このプロパティは <a href="/en-US/docs/Web/API/ServiceWorker_API">ServiceWorkers</a> にのみに適用されます。他のコンテキストの場合、 <code>undefined</code> を返します。</p> -</div> - -<h2 id="構文">構文</h2> - -<pre class="syntaxbox notranslate">var <var>isfinalURL</var> = <var>Response</var>.useFinalURL;</pre> - -<h3 id="値">値</h3> - -<p>URLがリダイレクトでなく最終的なものかどうかを示す {{domxref("Boolean")}}</p> - -<h2 id="例">例</h2> - -<p>ページ <code>index.html</code> にあるスクリプトで考えてみます:</p> - -<pre class="brush: js notranslate">fetch('/test').then((r) => console.log(r.url))</pre> - -<p><code>test.html</code> は service worker <code>sw.js</code> によって制御されています:</p> - -<pre class="brush: js notranslate">onfetch = (e) => { - e.respondWith(fetch('/page2').then((r) => { - r.usefinalURL = true; - return r; - }) -}</pre> - -<p><code>usefinalURL</code> を設定すると、 response のURLが要求のURLに設定されないため、出力は <code>index.html</code> の <code>/test</code> ではなく <code>/page2</code> になります。</p> - -<h2 id="ブラウザーの互換性">ブラウザーの互換性</h2> - - - -<p>{{Compat("api.Response.useFinalURL")}}</p> - -<h2 id="関連項目">関連項目</h2> - -<ul> - <li><a href="/en-US/docs/Web/API/ServiceWorker_API">ServiceWorker API</a></li> - <li><a href="/en-US/docs/Web/HTTP/Access_control_CORS">HTTP access control (CORS)</a></li> - <li><a href="/en-US/docs/Web/HTTP">HTTP</a></li> -</ul> diff --git a/files/ja/web/api/trackevent/index.html b/files/ja/web/api/trackevent/index.html index dbfefe98c3..0ed9a8d0ee 100644 --- a/files/ja/web/api/trackevent/index.html +++ b/files/ja/web/api/trackevent/index.html @@ -20,7 +20,7 @@ translation_of: Web/API/TrackEvent <p><code>TrackEvent</code> に基づくイベントは、常に次のメディアトラックリストの種類のいずれかに送信されます。</p> <ul> - <li><span style="display: none;"> </span>動画トラックに関連するイベントは、常に {{domxref("HTMLMediaElement.videoTracks")}} にある {{domxref("VideoTrackList")}} に送信されます。</li> + <li><span class="hidden"> </span>動画トラックに関連するイベントは、常に {{domxref("HTMLMediaElement.videoTracks")}} にある {{domxref("VideoTrackList")}} に送信されます。</li> <li>音声トラックに関連するイベントは、常に {{domxref("HTMLMediaElement.audioTracks")}} で指定された {{domxref("AudioTrackList")}} に送信されます。</li> <li>テキストトラックに影響を与えるイベントは、{{domxref("HTMLMediaElement.textTracks")}} によって示される {{domxref("TextTrackList")}} オブジェクトに送信されます。</li> </ul> diff --git a/files/ja/web/api/xmlhttprequest/openrequest/index.html b/files/ja/web/api/xmlhttprequest/openrequest/index.html deleted file mode 100644 index 18cc93f844..0000000000 --- a/files/ja/web/api/xmlhttprequest/openrequest/index.html +++ /dev/null @@ -1,18 +0,0 @@ ---- -title: XMLHttpRequest.openRequest() -slug: Web/API/XMLHttpRequest/openRequest -tags: - - API - - DOM - - Firefox - - Gecko - - Method - - XHR - - XMLHttpRequest - - openRequest - - 非標準 -translation_of: Web/API/XMLHttpRequest/openRequest ---- -<div>{{APIRef("XMLHttpRequest")}}{{non-standard_header}}</div> - -<p><span class="seoSummary">この Mozilla 固有メソッドは、特権コード内からのみ使用でき、 <code>XMLHttpRequest</code> を初期化するために C++ コンテキストからのみ呼び出されます。 </span>JavaScript コードからのリクエストを初期化するには、代わりに標準の {{domxref("XMLHttpRequest.open", "open()")}} メソッドを使用します。</p> diff --git a/files/ja/web/api/xrreferencespace/index.html b/files/ja/web/api/xrreferencespace/index.html index 12222a3ab7..0acca51c9f 100644 --- a/files/ja/web/api/xrreferencespace/index.html +++ b/files/ja/web/api/xrreferencespace/index.html @@ -37,7 +37,7 @@ translation_of: Web/API/XRReferenceSpace <p><em>親インターフェイスである {{domxref("XRSpace")}} から継承されたメソッド(現時点では、ない)に加えて、<code>XRReferenceSpace</code> は {{domxref("EventTarget")}} からメソッドを継承します。 <code>XRReferenceSpace</code> は、次のメソッドも提供します。</em></p> <dl> - <dt>{{domxref("XRReferenceSpace.getOffsetReferenceSpace", "getOffsetReferenceSpace()")}}<span style="display: none;"> </span></dt> + <dt>{{domxref("XRReferenceSpace.getOffsetReferenceSpace", "getOffsetReferenceSpace()")}}<span class="hidden"> </span></dt> <dd>メソッドを呼び出したものと同じ型(つまり、<code>XRReferenceSpace</code> または {{domxref("XRBoundedReferenceSpace")}})の新しい参照空間オブジェクトを作成して返します。 新しい参照空間を使用して、メソッドが呼び出されたオブジェクトの参照空間から別の座標空間に座標を変換できます。 これは、レンダリング中にオブジェクトを配置したり、3D 空間でビューアーの位置や向きを変更するときに必要な変換を実行したりするのに役立ちます。</dd> </dl> 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> diff --git a/files/ja/web/html/element/input/number/index.html b/files/ja/web/html/element/input/number/index.html index 8177c9f00f..26e7df6a71 100644 --- a/files/ja/web/html/element/input/number/index.html +++ b/files/ja/web/html/element/input/number/index.html @@ -315,7 +315,6 @@ input:valid+span:after { <input id="meters" type="number" name="meters" step="0.01" min="0" placeholder="例 1.78" required> <span class="validity"></span> </div> - <div class="feetInputGroup" style="display: none;"> <span>あなたの身長を入力してください — </span> <label for="feet">フィート:</label> <input id="feet" type="number" name="feet" min="0" step="1"> @@ -334,7 +333,7 @@ input:valid+span:after { <p>これまでの記事ですでに見てきた属性の多くを使用していることがわかります。センチメートル単位のメートル値を受け入れるため、 <code>step</code> の値を <code>0.01</code> に設定して、 <em>1.78</em> のような値が無効とされないようにしました。また、その入力欄のプレイスホルダーも提供しました。</p> -<p>最初はフィートとインチの入力欄を <code>style="display: none;"</code> を使用して非表示にしているため、既定はメートルでの入力です。</p> +<p>最初はフィートとインチの入力欄を <code>class="hidden"</code> を使用して非表示にしているため、既定はメートルでの入力です。</p> <p>次に、 CSS に進みます。これは、以前に見た検証のスタイル付けととても良く似ています。ここで注目するところはありません。</p> diff --git a/files/ja/web/html/preloading_content/index.html b/files/ja/web/html/preloading_content/index.html index 2ad6f0ceab..daef71acd9 100644 --- a/files/ja/web/html/preloading_content/index.html +++ b/files/ja/web/html/preloading_content/index.html @@ -114,7 +114,7 @@ translation_of: Web/HTML/Preloading_content <h2 id="Cross-origin_fetches" name="Cross-origin_fetches">オリジンをまたいだフェッチ</h2> -<p>CORSを有効にしてフェッチ(例えば、<code><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/fetch">fetch()</a></code>, <code><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest">XMLHttpRequest</a></code> or <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/@font-face">fonts</a>)されたリソースをプリロードするとき、<code><link></code>要素に{{htmlattrxref( "crossorigin"、 "link")}}属性を設定する場合には特別な注意が必要です。</p> +<p>CORSを有効にしてフェッチ(例えば、<code><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/fetch">fetch()</a></code>, <code><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest">XMLHttpRequest</a></code> or <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/@font-face">fonts</a>)されたリソースをプリロードするとき、<code><link></code>要素に{{htmlattrxref("crossorigin", "link")}}属性を設定する場合には特別な注意が必要です。</p> <p dir="ltr" id="tw-target-text">上記のように、これが当てはまる興味深いケースの1つは、フォントファイルです。さまざまな理由により、これらは匿名モードのCORSを使用してフェッチする必要があります(<a href="https://drafts.csswg.org/css-fonts/#font-fetching-requirements">Font fetching requirements</a>参照)。</p> |