From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/ja/web/api/cssstylerule/index.html | 55 ++++++++++++++++++++++ .../web/api/cssstylerule/selectortext/index.html | 54 +++++++++++++++++++++ files/ja/web/api/cssstylerule/style/index.html | 41 ++++++++++++++++ 3 files changed, 150 insertions(+) create mode 100644 files/ja/web/api/cssstylerule/index.html create mode 100644 files/ja/web/api/cssstylerule/selectortext/index.html create mode 100644 files/ja/web/api/cssstylerule/style/index.html (limited to 'files/ja/web/api/cssstylerule') 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 +--- +

{{ APIRef("CSSOM") }}

+ +

CSSStyleRule は、単一の CSS スタイル規則を表します。これは、型定数の値が 1 (CSSRule.STYLE_RULE) の {{domxref("CSSRule")}} インターフェイスを実装します。

+ +

プロパティ

+ +
+
{{domxref("CSSStyleRule.selectorText")}}
+
この規則のセレクターのテキスト表現を返します。例: "h1,h2"
+
{{domxref("CSSStyleRule.style")}} {{readonlyinline}}
+
この規則の {{domxref("CSSStyleDeclaration")}} オブジェクトを返します。
+
{{domxref("CSSStyleRule.styleMap")}} {{readonlyinline}}
+
{{domxref('StylePropertyMap')}} オブジェクトを返し、これによってこの規則のプロパティと値の組へアクセスできます。
+
+ +

仕様書

+ + + + + + + + + + + + + + + + + + + + + +
仕様書状態備考
{{ SpecName('CSSOM', '#the-cssstylerule-interface', 'CSSStyleRule') }}{{ Spec2('CSSOM') }}変更なし
{{ SpecName('DOM2 Style', 'css.html#CSS-CSSStyleRule', 'CSSRule') }}{{ Spec2('DOM2 Style') }}
+ +

ブラウザーの互換性

+ + + +

{{Compat("api.CSSStyleRule")}}

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 +--- +
{{APIRef("CSSOM") }}
+ +

CSSRule.selectorTextプロパティは、この規則集合のセレクターのテキスト表現を取得します。これは、一部のブラウザーで読み取り専用で実装されています。スタイルシート規則をクロスブラウザーで動的に設定するには、 動的なスタイル情報の利用 を参照してください。

+ +

構文

+ +
string = cssRule.selectorText
+ +

例

+ +
// for cssrule: body { background-color: darkblue; }
+var stylesheet = document.styleSheets[0];
+
+alert(stylesheet.cssRules[0].selectorText); // body
+
+ +

補記

+ +

実装は、セレクターの解析中に無意味な空白を取り除くことがあります。解析できないセレクター文字列を設定すると、SyntaxError が発生します。

+ +

仕様書

+ + + + + + + + + + + + + + + + +
仕様書策定状況コメント
{{SpecName('CSSOM', '#dom-cssstylerule-selectortext', 'CSSStyleRule.selectorText')}}{{Spec2('CSSOM')}} 
+ +

ブラウザー実装状況

+ + + +

{{Compat("api.CSSStyleRule.selectorText")}}

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 +--- +

{{ APIRef("CSSOM") }}

+ +

概要

+ +

CSSRule.style プロパティは、{{DOMXref("CSSRule")}} の 宣言ブロック のための {{domxref("CSSStyleDeclaration")}} インターフェイスです。

+ +

構文

+ +
styleObj = cssRule.style
+ +

例

+ +
function stilo() {
+  alert(document.styleSheets[0].cssRules[0].style.cssText);
+}
+// displays "background-color: gray;"
+
+ +

補記

+ +

宣言ブロックは、波括弧内に現れるスタイル規則の部分であり、(波括弧の前に書かれるセレクターのための) 実際のスタイル定義を提供します 。

+ +

仕様書

+ +

DOM Level 2 CSS: styleCSSR

+ +

関連情報

+ + -- cgit v1.2.3-54-g00ecf