initial commit

3 files changed, 150 insertions, 0 deletions

diff --git a/files/ja/web/api/cssstylerule/index.html b/files/ja/web/api/cssstylerule/index.html
new file mode 100644
index 0000000000..8881989f68
--- /dev/null
+++ b/files/ja/web/api/cssstylerule/index.html
@@ -0,0 +1,55 @@
+---
+title: CSSStyleRule
+slug: Web/API/CSSStyleRule
+tags:
+  - API
+  - CSSOM
+  - CSSStyleRule
+  - Interface
+  - Reference
+translation_of: Web/API/CSSStyleRule
+---
+<p>{{ APIRef("CSSOM") }}</p>
+
+<p><strong><code>CSSStyleRule</code></strong> は、単一の CSS スタイル規則を表します。これは、型定数の値が <code>1</code> (<code>CSSRule.STYLE_RULE</code>) の {{domxref("CSSRule")}} インターフェイスを実装します。</p>
+
+<h2 id="Properties" name="Properties">プロパティ</h2>
+
+<dl>
+ <dt id="selectorText">{{domxref("CSSStyleRule.selectorText")}}</dt>
+ <dd>この規則のセレクターのテキスト表現を返します。例: <code>"h1,h2"</code></dd>
+ <dt id="style">{{domxref("CSSStyleRule.style")}} {{readonlyinline}}</dt>
+ <dd>この規則の {{domxref("CSSStyleDeclaration")}} オブジェクトを返します。</dd>
+ <dt>{{domxref("CSSStyleRule.styleMap")}} {{readonlyinline}}</dt>
+ <dd>{{domxref('StylePropertyMap')}} オブジェクトを返し、これによってこの規則のプロパティと値の組へアクセスできます。</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('CSSOM', '#the-cssstylerule-interface', 'CSSStyleRule') }}</td>
+   <td>{{ Spec2('CSSOM') }}</td>
+   <td>変更なし</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('DOM2 Style', 'css.html#CSS-CSSStyleRule', 'CSSRule') }}</td>
+   <td>{{ Spec2('DOM2 Style') }}</td>
+   <td></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.CSSStyleRule")}}</p>
diff --git a/files/ja/web/api/cssstylerule/selectortext/index.html b/files/ja/web/api/cssstylerule/selectortext/index.html
new file mode 100644
index 0000000000..8c72385fd9
--- /dev/null
+++ b/files/ja/web/api/cssstylerule/selectortext/index.html
@@ -0,0 +1,54 @@
+---
+title: CSSStyleRule.selectorText
+slug: Web/API/CSSStyleRule/selectorText
+tags:
+  - API
+  - CSSOM
+  - CSSStyleRule
+  - Reference
+translation_of: Web/API/CSSStyleRule/selectorText
+---
+<div>{{APIRef("CSSOM") }}</div>
+
+<p><code><strong>CSSRule.selectorText</strong></code>プロパティは、この規則集合のセレクターのテキスト表現を取得します。これは、一部のブラウザーで読み取り専用で実装されています。スタイルシート規則をクロスブラウザーで動的に設定するには、 <a href="/docs/DOM/Using_dynamic_styling_information">動的なスタイル情報の利用</a> を参照してください。</p>
+
+<h2 id="Syntax" name="Syntax">構文</h2>
+
+<pre class="syntaxbox"><em>string</em> = cssRule.selectorText</pre>
+
+<h2 id="Example" name="Example">例</h2>
+
+<pre class="brush: js">// for cssrule: body { background-color: darkblue; }
+var stylesheet = document.styleSheets[0];
+
+alert(stylesheet.cssRules[0].selectorText); // body
+</pre>
+
+<h2 class="Notes" id="補記">補記</h2>
+
+<p>実装は、セレクターの解析中に無意味な空白を取り除くことがあります。解析できないセレクター文字列を設定すると、SyntaxError が発生します。</p>
+
+<h2 id="Specification" name="Specification">仕様書</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('CSSOM', '#dom-cssstylerule-selectortext', 'CSSStyleRule.selectorText')}}</td>
+   <td>{{Spec2('CSSOM')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザー実装状況</h2>
+
+
+
+<p>{{Compat("api.CSSStyleRule.selectorText")}}</p>
diff --git a/files/ja/web/api/cssstylerule/style/index.html b/files/ja/web/api/cssstylerule/style/index.html
new file mode 100644
index 0000000000..7d3f91c398
--- /dev/null
+++ b/files/ja/web/api/cssstylerule/style/index.html
@@ -0,0 +1,41 @@
+---
+title: CSSStyleRule.style
+slug: Web/API/CSSStyleRule/style
+tags:
+  - API
+  - CSSOM
+  - Property
+  - Reference
+translation_of: Web/API/CSSStyleRule/style
+---
+<p>{{ APIRef("CSSOM") }}</p>
+
+<h2 id="Summary" name="Summary">概要</h2>
+
+<p><strong><code>CSSRule.style</code></strong> プロパティは、{{DOMXref("CSSRule")}} の <a class="external" href="http://www.w3.org/TR/1998/REC-CSS2-19980512/syndata.html#block">宣言ブロック</a> のための {{domxref("CSSStyleDeclaration")}} インターフェイスです。</p>
+
+<h2 id="Syntax" name="Syntax">構文</h2>
+
+<pre class="eval"><em>styleObj</em> = <em>cssRule</em>.style</pre>
+
+<h2 id="Example" name="Example">例</h2>
+
+<pre class="brush: js">function stilo() {
+  alert(document.styleSheets[0].cssRules[0].style.cssText);
+}
+// displays "background-color: gray;"
+</pre>
+
+<h2 id="Notes" name="Notes">補記</h2>
+
+<p>宣言ブロックは、波括弧内に現れるスタイル規則の部分であり、(波括弧の前に書かれるセレクターのための) 実際のスタイル定義を提供します 。</p>
+
+<h2 id="Specification" name="Specification">仕様書</h2>
+
+<p><a class="external" href="http://www.w3.org/TR/DOM-Level-2-Style/css.html#CSS-CSSStyleRule-style">DOM Level 2 CSS: styleCSSR</a></p>
+
+<h2 id="See_also" name="See_also">関連情報</h2>
+
+<ul>
+ <li><a href="/CSS/CSS_Reference" title="/DOM/CSS">DOM CSS プロパティ</a></li>
+</ul>