diff options
Diffstat (limited to 'files/ja/web/api/document')
-rw-r--r-- | files/ja/web/api/document/pointerlockelement/index.html | 61 | ||||
-rw-r--r-- | files/ja/web/api/document/stylesheets/index.html | 62 |
2 files changed, 123 insertions, 0 deletions
diff --git a/files/ja/web/api/document/pointerlockelement/index.html b/files/ja/web/api/document/pointerlockelement/index.html new file mode 100644 index 0000000000..6b6afcd8e5 --- /dev/null +++ b/files/ja/web/api/document/pointerlockelement/index.html @@ -0,0 +1,61 @@ +--- +title: DocumentOrShadowRoot.pointerLockElement +slug: Web/API/Document/pointerLockElement +tags: + - API + - DOM + - Document + - Property + - Reference + - ShadowRoot + - mouse lock + - プロパティ + - マウスロック +translation_of: Web/API/DocumentOrShadowRoot/pointerLockElement +original_slug: Web/API/DocumentOrShadowRoot/pointerLockElement +--- +<div>{{APIRef("DOM")}}</div> + +<p><span class="seoSummary"><strong><code>pointerLockElement</code></strong> は {{domxref("Document")}} および {{domxref("ShadowRoot")}} インターフェイスのプロパティで、要素をポインターがロックされている間のマウスイベントの対象として設定します。ロック待ち状態の場合、ポインターがロックされていない場合、対象が他の文書にある場合は <code>null</code> になります。</span></p> + +<h2 id="Syntax" name="Syntax">構文</h2> + +<pre class="syntaxbox">var <var>element</var> = <var>document</var>.pointerLockElement; +</pre> + +<h3 id="Return_value" name="Return_value">返値</h3> + +<p>{{domxref("Element")}} または <code>null</code>。</p> + +<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('Pointer Lock','#extensions-to-the-documentorshadowroot-mixin','pointerLockElement')}}</td> + <td>{{Spec2('Pointer Lock')}}</td> + <td><code>Document</code> インターフェイスを拡張</td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> + +<div class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div> + +<p>{{Compat("api.DocumentOrShadowRoot.pointerLockElement")}}</p> + +<h2 id="See_also" name="See_also">関連情報</h2> + +<ul> + <li>{{ domxref("Document.exitPointerLock()") }}</li> + <li>{{ domxref("Element.requestPointerLock()") }}</li> + <li><a href="/ja/docs/WebAPI/Pointer_Lock">Pointer Lock</a></li> +</ul> diff --git a/files/ja/web/api/document/stylesheets/index.html b/files/ja/web/api/document/stylesheets/index.html new file mode 100644 index 0000000000..8a793da1fc --- /dev/null +++ b/files/ja/web/api/document/stylesheets/index.html @@ -0,0 +1,62 @@ +--- +title: DocumentOrShadowRoot.styleSheets +slug: Web/API/Document/styleSheets +tags: + - API + - Document + - DocumentOrShadowRoot + - Property + - Reference + - ShadowRoot + - Stylesheets + - shadow dom +translation_of: Web/API/DocumentOrShadowRoot/styleSheets +original_slug: Web/API/DocumentOrShadowRoot/styleSheets +--- +<div>{{SeeCompatTable}}{{APIRef("Shadow DOM")}}</div> + +<p><span class="seoSummary">{{domxref("DocumentOrShadowRoot")}} インターフェイスの <strong><code>styleSheets</code></strong> 読み取り専用プロパティは、 {{domxref('CSSStyleSheet')}} オブジェクトの {{domxref('StyleSheetList')}} を返します。ドキュメントに明示的にリンクまたは埋め込まれたスタイルシートの場合。</span></p> + +<h2 id="例">例</h2> + +<pre class="brush: js notranslate">function getStyleSheet(unique_title) { + for (var i=0; i<document.styleSheets.length; i++) { + var sheet = document.styleSheets[i]; + if (sheet.title == unique_title) { + return sheet; + } + } +} +</pre> + +<h3 id="Notes">Notes</h3> + +<p>返されるリストは次の順序で並べられます:</p> + +<ul> + <li>{{htmlelement("link")}} ヘッダから取得したスタイルシートが最初に配置され、ヘッダ順に並べ替えられます。</li> + <li>DOM から取得したスタイルシートは、<a href="https://dom.spec.whatwg.org/#concept-tree-order">ツリー順</a>にソートされた後に配置されます。</li> +</ul> + +<h2 id="仕様">仕様</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">仕様</th> + <th scope="col">ステータス</th> + <th scope="col">備考</th> + </tr> + <tr> + <td>{{SpecName('Shadow DOM','#extensions-to-the-documentorshadowroot-mixin','DocumentOrShadowRoot')}}</td> + <td>{{Spec2('Shadow DOM')}}</td> + <td>初回定義</td> + </tr> + </tbody> +</table> + +<h2 id="ブラウザー実装状況">ブラウザー実装状況</h2> + + + +<p>{{Compat("api.DocumentOrShadowRoot.styleSheets")}}</p> |