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/cssrule/index.html | 318 ++++++++++++++++++++++++++++++++++++ 1 file changed, 318 insertions(+) create mode 100644 files/ja/web/api/cssrule/index.html (limited to 'files/ja/web/api/cssrule/index.html') diff --git a/files/ja/web/api/cssrule/index.html b/files/ja/web/api/cssrule/index.html new file mode 100644 index 0000000000..80fcbb63c4 --- /dev/null +++ b/files/ja/web/api/cssrule/index.html @@ -0,0 +1,318 @@ +--- +title: CSSRule +slug: Web/API/CSSRule +tags: + - API + - CSSOM + - Interface + - Reference +translation_of: Web/API/CSSRule +--- +
{{APIRef("CSSOM")}}
+ +

CSSRule インターフェイスは、1 つの CSS 規則を表します。いくつかある規則の種類は、下記の {{anch("Type constants", "型定数")}} セクションのリストを見てください。

+ +

CSSRule インターフェイスは、すべての規則に共通のプロパティを指定します。特定の種類の規則に特有のプロパティは、各種類の規則のための、さらに特別なインターフェース内で指定されています。

+ +

CSSRule への参照は、{{domxref("CSSStyleSheet")}} の cssRules のリストから探してください。

+ +

すべての CSSRule インスタンスに共通のプロパティ

+ +
+
{{domxref("CSSRule.cssText")}}
+
規則のテキスト表現を表す。例: "h1,h2 { font-size: 16pt }" や "@import 'url'"。規則の部分 (つまり、この例の "font-size" の値) にアクセスまたは変更するには、{{anch("Type constants", "規則の種類の特別なインターフェイス")}} のプロパティ (型定数) を使用してください。
+
{{domxref("CSSRule.parentRule")}} {{readonlyinline}}
+
含まれている規則を返す。規則が含まれていなければ null を返す。つまり、この規則が {{cssxref("@media")}} ブロック内部のスタイル規則の場合、親規則は {{domxref("CSSMediaRule")}} になります。
+
{{domxref("CSSRule.parentStyleSheet")}} {{readonlyinline}}
+
この規則を含むスタイルシートの {{domxref("CSSStyleSheet")}} オブジェクトを返す。
+
{{domxref("CSSRule.type")}} {{readonlyinline}}
+
CSS 規則の種類を示すいずれかの {{anch("Type constants", "型定数")}}。
+
+ +

定数

+ +

型定数

+ +

CSSRule インターフェイスは、CSSRule の {{domxref("cssRule/type","type")}} プロパティと組み合わせて使用できる、規則の種類 (さらに、これを実装する特別なインターフェイス) を識別するための整数定数を指定します。これらの定数とインターフェイスの関係は、次のとおりです:

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
型値規則固有のインターフェイス備考と使用例
CSSRule.STYLE_RULE1{{domxref("CSSStyleRule")}}もっとも一般的な規則の種類:
+ selector { prop1: val1; prop2: val2; }
CSSRule.IMPORT_RULE3{{domxref("CSSImportRule")}}{{cssxref("@import")}} 規則。(ドキュメントが完成するまで、インターフェイスの定義は Mozilla のソースコードを参照してください: nsIDOMCSSImportRule.)
CSSRule.MEDIA_RULE4{{domxref("CSSMediaRule")}}
CSSRule.FONT_FACE_RULE5{{domxref("CSSFontFaceRule")}}
CSSRule.PAGE_RULE6{{domxref("CSSPageRule")}}
CSSRule.KEYFRAMES_RULE7{{domxref("CSSKeyframesRule")}} {{experimental_inline}}
CSSRule.KEYFRAME_RULE8{{domxref("CSSKeyframeRule")}} {{experimental_inline}}
将来使用するための予約領域9 将来、カラープロファイルの定義に使用されます。
CSSRule.NAMESPACE_RULE10{{domxref("CSSNamespaceRule")}} {{experimental_inline}}
CSSRule.COUNTER_STYLE_RULE11{{domxref("CSSCounterStyleRule")}} {{experimental_inline}}
CSSRule.SUPPORTS_RULE12{{domxref("CSSSupportsRule")}}
CSSRule.DOCUMENT_RULE13{{domxref("CSSDocumentRule")}} {{experimental_inline}}
CSSRule.FONT_FEATURE_VALUES_RULE14{{domxref("CSSFontFeatureValuesRule")}}
CSSRule.VIEWPORT_RULE15{{domxref("CSSViewportRule")}} {{experimental_inline}}
CSSRule.REGION_STYLE_RULE16{{domxref("CSSRegionStyleRule")}} {{experimental_inline}}
CSSRule.UNKNOWN_RULE0{{domxref("CSSUnknownRule")}} {{obsolete_inline}}
CSSRule.CHARSET_RULE2CSSCharsetRule {{obsolete_inline}}(ほとんどのブラウザーから削除されました。)
+ +

定数の最新版の非公式リストは CSSWG Wiki で確認できます。

+ +

仕様

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
仕様書策定状況備考
{{SpecName('CSSOM', '#css-rules', 'CSSRule')}}{{Spec2('CSSOM')}}CHARSET_RULE 値と UNKNOWN_RULE 値を廃止。NAMESPACE_RULE 値を追加。
{{SpecName("CSS3 Animations",'#interface-cssrule', 'CSSRule')}}{{Spec2('CSS3 Animations')}}KEYFRAMES_RULE 値と KEYFRAME_RULE 値を追加。
{{SpecName('CSS3 Fonts', '#om-fontfeaturevalues', 'CSSRule')}}{{Spec2('CSS3 Fonts')}}FONT_FEATURE_VALUES_RULE 値を追加。
{{SpecName("CSS3 Counter Styles", "#extentions-to-cssrule-interface", 'CSSRule')}}{{Spec2("CSS3 Counter Styles")}}COUNTER_STYLE_RULE 値を追加。
{{SpecName("CSS3 Conditional", '#extentions-to-cssrule-interface', 'CSSRule')}}{{Spec2('CSS3 Conditional')}}SUPPORTS_RULE 値を追加。(DOCUMENT_RULE は、CSS Conditional Rules Level 4 へ移された)
{{SpecName('DOM2 Style', 'css.html#CSS-CSSRule', 'CSSRule')}}{{Spec2('DOM2 Style')}}初期定義。
+ +

ブラウザーの実装状況

+ +
{{CompatibilityTable}}
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
機能ChromeFirefox (Gecko)Internet ExplorerOperaSafari (WebKit)
基本サポート{{CompatVersionUnknown}}{{CompatVersionUnknown}}9{{CompatVersionUnknown}}{{CompatVersionUnknown}}
CSSKeyframesRule{{CompatUnknown}}20.0 [4]{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
CSSCharsetRule{{CompatNo}} [1]{{CompatNo}} [3]{{CompatUnknown}}{{CompatNo}}{{CompatUnknown}}
CSSUnknownRule{{CompatNo}} [2]{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
機能AndroidAndroid WebviewFirefox Mobile (Gecko)IE PhoneOpera MobileSafari MobileChrome for Android
基本サポート{{CompatUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
CSSKeyframesRule{{CompatUnknown}}{{CompatUnknown}}20.0 [4]{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
CSSCharsetRule{{CompatUnknown}}{{CompatNo}} [1]{{CompatNo}} [3]{{CompatUnknown}}{{CompatNo}}{{CompatUnknown}}{{CompatNo}} [1]
CSSUnknownRule{{CompatUnknown}}{{CompatNo}} [2]{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatNo}} [2]
+
+ +

[1] CSSCharsetRule は、Chrome 41.0 で削除されました。

+ +

[2] CSSUnknownRule は、Chrome 45.0 で削除されました。

+ +

[3] CSSCharsetRule は、Gecko 40 で削除されました。

+ +

[4] Firefox 19 以前の Gecko において、keyframe 関連の定数は、その接頭辞付きバージョンにのみ存在していました: CSSRule.MOZ_KEYFRAMES_RULE および CSSRule.MOZ_KEYFRAME_RULE。Firefox 20 以降は、接頭辞なしのバージョンも利用可能です。接頭辞付きのバージョンは将来のバージョンで削除されます。

+ +

関連情報

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