initial commit

8 files changed, 325 insertions, 0 deletions

diff --git a/files/ja/web/api/stylesheet/disabled/index.html b/files/ja/web/api/stylesheet/disabled/index.html
new file mode 100644
index 0000000000..f3f644320d
--- /dev/null
+++ b/files/ja/web/api/stylesheet/disabled/index.html
@@ -0,0 +1,29 @@
+---
+title: StyleSheet.disabled
+slug: Web/API/StyleSheet/disabled
+tags:
+  - DOM
+  - Gecko
+  - Gecko DOM Reference
+  - StyleSheet
+translation_of: Web/API/StyleSheet/disabled
+---
+<div>
+ {{ApiRef}}</div>
+<h2 id="Summary" name="Summary">概要</h2>
+<p>このプロパティは、そのスタイルシートが無効になっているかどうかを示す真偽値を返します。</p>
+<h2 id="Syntax" name="Syntax">構文</h2>
+<pre class="syntaxbox"><var>bool</var> = stylesheet.disabled;
+</pre>
+<h2 id="Example" name="Example">例</h2>
+<pre class="brush:js">var myStyleSheet = document.styleSheets[0];
+
+if (myStyleSheet.disabled) {
+ // スタイルシートが無効の場合の処理をここに記述
+ // インラインスタイルの適用など…
+}
+</pre>
+<h2 id="Specification" name="Specification">仕様書</h2>
+<ul>
+ <li>{{spec("http://www.w3.org/TR/2000/REC-DOM-Level-2-Style-20001113/stylesheets.html#StyleSheets-StyleSheet-disabled", "DOM 2 Style - disabled", "REC")}}</li>
+</ul>
diff --git a/files/ja/web/api/stylesheet/href/index.html b/files/ja/web/api/stylesheet/href/index.html
new file mode 100644
index 0000000000..b368c0545b
--- /dev/null
+++ b/files/ja/web/api/stylesheet/href/index.html
@@ -0,0 +1,46 @@
+---
+title: StyleSheet.href
+slug: Web/API/StyleSheet/href
+tags:
+  - DOM
+  - Gecko
+  - Gecko DOM Reference
+  - StyleSheet
+translation_of: Web/API/StyleSheet/href
+---
+<div>
+ {{ApiRef}}</div>
+<h2 id="Summary" name="Summary">概要</h2>
+<p>スタイルシートの URI を返します。</p>
+<h2 id="Syntax" name="Syntax">構文</h2>
+<pre class="syntaxbox"><var>uri</var> = stylesheet.href
+</pre>
+<ul>
+ <li><code>uri</code> : スタイルシートの URI</li>
+</ul>
+<h2 id="Example" name="Example">例</h2>
+<p>以下に示す HTML をローカルに配置して表示し、ボタンを押下した場合 <code>file:////C:/Windows/Desktop/example.css</code> などの様な文字列が表示されます。</p>
+<pre class="brush:html;highlight:[4,7,13]">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+&lt;link rel="stylesheet" href="example.css" /&gt;
+&lt;script&gt;
+function sref() {
+  alert(document.styleSheets[0].href);
+}
+&lt;/script&gt;
+&lt;/head&gt;
+
+&lt;body&gt;
+  &lt;button onclick="sref()"&gt;alert(document.styleSheets[0].href) を実行&lt;/button&gt;
+&lt;/body&gt;
+
+&lt;/html&gt;
+</pre>
+<h2 id="Notes" name="Notes">注記</h2>
+<p>スタイルシートがリンクされたものである場合は、その {{HTMLElement("style")}} 要素の <code>href</code> 属性の示す位置が返ります。インラインスタイルのシートの場合の戻り値は <code>NULL</code> となります。</p>
+<p>このプロパティは Firefox 、 Opera 、 Google Chrome 、 Safari に於いては読取専用ですが、 Internet Explorer では読取 / 書込ともに可能となっています。</p>
+<h2 id="Specification" name="Specification">仕様書</h2>
+<ul>
+ <li><a href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Style-20001113/stylesheets.html#StyleSheets-StyleSheet-href">href </a></li>
+</ul>
diff --git a/files/ja/web/api/stylesheet/index.html b/files/ja/web/api/stylesheet/index.html
new file mode 100644
index 0000000000..7875c2ed9d
--- /dev/null
+++ b/files/ja/web/api/stylesheet/index.html
@@ -0,0 +1,65 @@
+---
+title: StyleSheet
+slug: Web/API/StyleSheet
+tags:
+  - CSSOM
+  - DOM
+  - NeedsTranslation
+  - TopicStub
+  - 要更新
+translation_of: Web/API/StyleSheet
+---
+<div><span class="diff_add">{{APIRef("CSSOM")}}</span></div>
+
+<p><code>StyleSheet</code>インターフェースを実装するオブジェクトは、単一のスタイルシートを表します。CCSスタイルシートは、より特殊化された{{domxref("CSSStyleSheet")}}インターフェースを実装します。</p>
+
+<h2 id="Properties" name="Properties">プロパティ</h2>
+
+<dl>
+ <dt>{{domxref("StyleSheet/disabled","disabled")}}</dt>
+ <dd>このプロパティは、現在のスタイルシートが適用されているかどうかを示します。</dd>
+ <dt>{{domxref("StyleSheet/href","href")}} {{readonlyInline}}</dt>
+ <dd>スタイルシートの位置を返します。</dd>
+ <dt>{{domxref("StyleSheet/media","media")}} {{readonlyInline}}</dt>
+ <dd>Specifies the intended destination medium for style information.</dd>
+ <dt>{{domxref("StyleSheet/ownerNode","ownerNode")}} {{readonlyInline}}</dt>
+ <dd>このスタイルシートをドキュメントに関連付けるノードを返します。</dd>
+ <dt>{{domxref("StyleSheet/parentStyleSheet","parentStyleSheet")}} {{readonlyInline}}</dt>
+ <dd>存在する場合、これを含む {{domxref("StyleSheet")}} を返します; ない場合は <code>null</code> を返します。</dd>
+ <dt>{{domxref("StyleSheet/title","title")}} {{readonlyInline}}</dt>
+ <dd>現在のスタイルシートへのアドバイザリタイトルを表す {{domxref("DOMString")}} を返します。</dd>
+ <dt>{{domxref("StyleSheet/type","type")}} {{readonlyInline}}</dt>
+ <dd>このスタイルシートのスタイルシート言語を表す {{domxref("DOMString")}} を返します。</dd>
+</dl>
+
+<h2 id="Specification" name="Specification">仕様</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">仕様書</th>
+   <th scope="col">策定状況</th>
+   <th scope="col">コメント</th>
+  </tr>
+  <tr>
+   <td>{{ SpecName('CSSOM', '#stylesheet', 'StyleSheet') }}</td>
+   <td>{{ Spec2('CSSOM') }}</td>
+   <td>{{ SpecName('DOM2 Style') }} から変更なし</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('DOM2 Style', 'stylesheets.html#StyleSheets-StyleSheet', 'StyleSheet') }}</td>
+   <td>{{ Spec2('DOM2 Style') }}</td>
+   <td>初期定義</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="ブラウザー実装状況">ブラウザー実装状況</h2>
+
+<p>{{Compat("api.StyleSheet")}}</p>
+
+<h2 id="See_also" name="See_also">関連情報</h2>
+
+<ul>
+ <li>{{domxref("CSSStyleSheet")}}</li>
+</ul>
diff --git a/files/ja/web/api/stylesheet/media/index.html b/files/ja/web/api/stylesheet/media/index.html
new file mode 100644
index 0000000000..6c3de44d29
--- /dev/null
+++ b/files/ja/web/api/stylesheet/media/index.html
@@ -0,0 +1,57 @@
+---
+title: StyleSheet.media
+slug: Web/API/StyleSheet/media
+tags:
+  - API
+  - CSSOM
+  - Media
+  - StyleSheet
+  - プロパティ
+translation_of: Web/API/StyleSheet/media
+---
+<div>{{APIRef("CSSOM")}}</div>
+
+<p><strong>StyleSheet.media</strong> は、スタイル情報の対象として想定するメディアを指定します。これは読み取り専用で配列風の <code>MediaList</code> オブジェクトであり、 <code>deleteMedium()</code> で削除したり <code>appendMedium()</code> で追加したりすることができます。</p>
+
+<h2 id="Example" name="Example">例</h2>
+
+<pre>&lt;!doctype html&gt;
+&lt;html&gt;
+&lt;head&gt;
+&lt;link rel="stylesheet" href="document.css" type="text/css" media="screen" /&gt;
+&lt;style rel="stylesheet" type="text/css" media="screen, print"&gt;
+body  { background-color: snow; }
+&lt;/style&gt;
+&lt;/head&gt;
+&lt;body&gt;
+
+&lt;script&gt;
+for (var iSheetIndex = 0; iSheetIndex &lt; document.styleSheets.length; iSheetIndex++)
+ {
+  console.log('document.styleSheets[' + String(iSheetIndex) + '].media: ' +
+   JSON.stringify(document.styleSheets[iSheetIndex].media));
+  if (iSheetIndex === 0)
+    document.styleSheets[iSheetIndex].media.appendMedium('handheld');
+  if (iSheetIndex === 1)
+    document.styleSheets[iSheetIndex].media.deleteMedium('print');
+  console.log('document.styleSheets[' + String(iSheetIndex) + '].media: ' +
+   JSON.stringify(document.styleSheets[iSheetIndex].media));
+ }
+/*
+will log:
+document.styleSheets[0].media: {"0":"screen"}
+document.styleSheets[0].media: {"0":"screen","1":"handheld"}
+document.styleSheets[1].media: {"0":"screen","1":"print"}
+document.styleSheets[1].media: {"0":"screen"}
+*/
+&lt;/script&gt;
+
+&lt;/body&gt;
+&lt;/html&gt;
+</pre>
+
+<h2 id="Specification" name="Specification">仕様書</h2>
+
+<p>DOM Level 2 Styles - STYLESHEET</p>
+
+<p><a href="https://www.w3.org/TR/DOM-Level-2-Style/stylesheets.html#StyleSheets-MediaList">W3C: Document Object Model Style Sheets - MediaList</a></p>
diff --git a/files/ja/web/api/stylesheet/ownernode/index.html b/files/ja/web/api/stylesheet/ownernode/index.html
new file mode 100644
index 0000000000..a25e664749
--- /dev/null
+++ b/files/ja/web/api/stylesheet/ownernode/index.html
@@ -0,0 +1,46 @@
+---
+title: StyleSheet.ownerNode
+slug: Web/API/StyleSheet/ownerNode
+tags:
+  - API
+  - CSSOM
+  - Property
+  - Reference
+translation_of: Web/API/StyleSheet/ownerNode
+---
+<div>{{APIRef("CSSOM")}}</div>
+
+<h2 id="Summary" name="Summary">概要</h2>
+
+<p><strong>ownerNode</strong> は、このスタイルシートを document と関連付けているノードを返します。</p>
+
+<h2 id="Syntax" name="Syntax">構文</h2>
+
+<pre class="syntaxbox"><em>objRef</em> = stylesheet.ownerNode
+</pre>
+
+<h2 id="Example" name="Example">例</h2>
+
+<pre class="eval">&lt;html&gt;
+ &lt;head&gt;
+  &lt;link rel="StyleSheet" href="example.css" type="text/css" /&gt;
+  &lt;script&gt;
+   function stilo() {
+    alert(document.styleSheets[0].ownerNode);
+   }
+  &lt;/script&gt;
+ &lt;/head&gt;
+ &lt;body&gt;
+   &lt;button onclick="stilo()"&gt;ss&lt;/button&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
+// displays "object HTMLLinkElement"
+</pre>
+
+<h2 id="Notes" name="Notes">補記</h2>
+
+<p>HTML の場合、<strong>ownerNode</strong> は、相当する {{HTMLElement("link")}} 要素または {{HTMLElement("style")}}  要素になるでしょう。XML の場合、リンク処理命令になるでしょう。他のスタイルシートに含まれるスタイルシートの場合、この属性の値は <code>NULL</code> になります。</p>
+
+<h2 id="Specification" name="Specification">仕様書</h2>
+
+<p>DOM Level 2 Styles - STYLESHEET</p>
diff --git a/files/ja/web/api/stylesheet/parentstylesheet/index.html b/files/ja/web/api/stylesheet/parentstylesheet/index.html
new file mode 100644
index 0000000000..bef8ca3b24
--- /dev/null
+++ b/files/ja/web/api/stylesheet/parentstylesheet/index.html
@@ -0,0 +1,35 @@
+---
+title: StyleSheet.parentStyleSheet
+slug: Web/API/StyleSheet/parentStyleSheet
+tags:
+  - DOM
+  - Gecko
+  - Gecko DOM Reference
+translation_of: Web/API/StyleSheet/parentStyleSheet
+---
+<div>
+ {{ApiRef}}</div>
+<h2 id="Summary" name="Summary">概要</h2>
+<p>対象のスタイルシートを含む親スタイルシートが存在する場合は、それを返します。</p>
+<h2 id="Syntax" name="Syntax">構文</h2>
+<pre class="syntaxbox"><var>parentStyleSheetObj</var> = <var>stylesheet</var>.parentStyleSheet
+</pre>
+<h2 id="Notes" name="Notes">注記</h2>
+<p>対象スタイルシートがトップレベルのスタイルシートの場合、または対象スタイルシートがインクルードをサポートしていない場合、戻り値は <code>null</code> となります。</p>
+<h2 id="Example" name="Example">例</h2>
+
+<pre class="brush:js">var stylesheet = document.styleSheets[0]; // 文書中の最初のスタイルシート
+
+
+// 親スタイルシートが存在する場合はそれを、
+// 無ければ自身への参照を変数 sheet に代入しています。
+if (stylesheet.parentStyleSheet) {
+  sheet = stylesheet.parentStyleSheet;
+} else {
+  sheet = stylesheet;
+}</pre>
+<h2 id="Specification" name="Specification">仕様書</h2>
+<ul>
+ <li><a href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Style-20001113/stylesheets.html#StyleSheets-StyleSheet-parentStyleSheet">parentStyleSheet</a></li>
+ <li><a href="http://dev.w3.org/csswg/cssom/#widl-StyleSheet-parentStyleSheet" title="CSS Object Model (CSSOM)">CSS Object Model (CSSOM)</a></li>
+</ul>
diff --git a/files/ja/web/api/stylesheet/title/index.html b/files/ja/web/api/stylesheet/title/index.html
new file mode 100644
index 0000000000..6d6ba404e7
--- /dev/null
+++ b/files/ja/web/api/stylesheet/title/index.html
@@ -0,0 +1,21 @@
+---
+title: StyleSheet.title
+slug: Web/API/StyleSheet/title
+tags:
+  - DOM
+  - Gecko
+  - Gecko DOM Reference
+translation_of: Web/API/StyleSheet/title
+---
+<div>
+ {{ApiRef}}</div>
+<h2 id="Summary" name="Summary">概要</h2>
+
+<p><code>title</code> は、現在のスタイルシートのタイトルを返します。</p>
+<h2 id="Notes" name="Notes">注記</h2>
+
+<p>タイトルは、多くの場合 {{domxref("StyleSheet/OwnerNode", "ownerNode")}} で指定されています。</p>
+<h2 id="Specification" name="Specification">仕様書</h2>
+<ul>
+ <li><a href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Style-20001113/stylesheets.html#StyleSheets-StyleSheet-title">title </a></li>
+</ul>
diff --git a/files/ja/web/api/stylesheet/type/index.html b/files/ja/web/api/stylesheet/type/index.html
new file mode 100644
index 0000000000..587d29dbbc
--- /dev/null
+++ b/files/ja/web/api/stylesheet/type/index.html
@@ -0,0 +1,26 @@
+---
+title: StyleSheet.type
+slug: Web/API/StyleSheet/type
+tags:
+  - DOM
+  - Gecko
+  - Gecko DOM Reference
+translation_of: Web/API/StyleSheet/type
+---
+<div>
+ {{ApiRef}}</div>
+<h2 id="Summary" name="Summary">概要</h2>
+<p>そのスタイルシートの <code>type</code> 属性の値を取得 / 設定します。</p>
+<h2 id="Syntax" name="Syntax">構文</h2>
+<pre class="syntaxbox"><var>string</var> = <var>stylesheet</var>.type;
+</pre>
+<h2 id="Example" name="Example">例</h2>
+<pre class="brush:js">var ss = document.styleSheets[0]; // 文書中の最初のスタイルシートを参照
+
+ss.type = "text/css"; // 設定
+alert( ss.type ); // 取得
+</pre>
+<h2 id="Specification" name="Specification">仕様書</h2>
+<ul>
+ <li><a href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Style-20001113/stylesheets.html#StyleSheets-StyleSheet-type">type</a></li>
+</ul>