CSSRule

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

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

CSSRule への参照は、CSSStyleSheetcssRules のリストから探してください。

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

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

定数

型定数

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

規則固有のインターフェイス 備考と使用例
CSSRule.STYLE_RULE 1 CSSStyleRule もっとも一般的な規則の種類:
selector { prop1: val1; prop2: val2; }
CSSRule.IMPORT_RULE 3 CSSImportRule (en-US) @import 規則。(ドキュメントが完成するまで、インターフェイスの定義は Mozilla のソースコードを参照してください: nsIDOMCSSImportRule.)
CSSRule.MEDIA_RULE 4 CSSMediaRule
CSSRule.FONT_FACE_RULE 5 CSSFontFaceRule (en-US)
CSSRule.PAGE_RULE 6 CSSPageRule
CSSRule.KEYFRAMES_RULE 7 CSSKeyframesRule (en-US) これは実験段階の API です。製品内のコードで使用しないようご注意ください。
CSSRule.KEYFRAME_RULE 8 CSSKeyframeRule これは実験段階の API です。製品内のコードで使用しないようご注意ください。
将来使用するための予約領域 9 将来、カラープロファイルの定義に使用されます。
CSSRule.NAMESPACE_RULE 10 CSSNamespaceRule (en-US) これは実験段階の API です。製品内のコードで使用しないようご注意ください。
CSSRule.COUNTER_STYLE_RULE 11 CSSCounterStyleRule (en-US) これは実験段階の API です。製品内のコードで使用しないようご注意ください。
CSSRule.SUPPORTS_RULE 12 CSSSupportsRule
CSSRule.DOCUMENT_RULE 13 CSSDocumentRule これは実験段階の API です。製品内のコードで使用しないようご注意ください。
CSSRule.FONT_FEATURE_VALUES_RULE 14 CSSFontFeatureValuesRule
CSSRule.VIEWPORT_RULE 15 CSSViewportRule これは実験段階の API です。製品内のコードで使用しないようご注意ください。
CSSRule.REGION_STYLE_RULE 16 CSSRegionStyleRule これは実験段階の API です。製品内のコードで使用しないようご注意ください。
CSSRule.UNKNOWN_RULE 0 CSSUnknownRule これは廃止された API であり、動作は保証されていません。
CSSRule.CHARSET_RULE 2 CSSCharsetRule これは廃止された API であり、動作は保証されていません。 (ほとんどのブラウザーから削除されました。)

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

仕様

仕様書 策定状況 備考
CSS Object Model (CSSOM)
CSSRule の定義
草案 CHARSET_RULE 値と UNKNOWN_RULE 値を廃止。NAMESPACE_RULE 値を追加。
CSS Animations Level 1
CSSRule の定義
草案 KEYFRAMES_RULE 値と KEYFRAME_RULE 値を追加。
CSS Fonts Module Level 3
CSSRule の定義
勧告 FONT_FEATURE_VALUES_RULE 値を追加。
CSS Counter Styles Level 3
CSSRule の定義
勧告候補 COUNTER_STYLE_RULE 値を追加。
CSS Conditional Rules Module Level 3
CSSRule の定義
勧告候補 SUPPORTS_RULE 値を追加。(DOCUMENT_RULE は、CSS Conditional Rules Level 4 へ移された)
Document Object Model (DOM) Level 2 Style Specification
CSSRule の定義
廃止 初期定義。

ブラウザーの実装状況

BCD tables only load in the browser

関連情報