CSSRule

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

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

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

すべての 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 インターフェイスは、CSSRule の type (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)
`CSSRule.KEYFRAME_RULE`	`8`	`CSSKeyframeRule`
将来使用するための予約領域	`9`		将来、カラープロファイルの定義に使用されます。
`CSSRule.NAMESPACE_RULE`	`10`	`CSSNamespaceRule` (en-US)
`CSSRule.COUNTER_STYLE_RULE`	`11`	`CSSCounterStyleRule` (en-US)
`CSSRule.SUPPORTS_RULE`	`12`	`CSSSupportsRule`
`CSSRule.DOCUMENT_RULE`	`13`	`CSSDocumentRule`
`CSSRule.FONT_FEATURE_VALUES_RULE`	`14`	`CSSFontFeatureValuesRule`
`CSSRule.VIEWPORT_RULE`	`15`	`CSSViewportRule`
`CSSRule.REGION_STYLE_RULE`	`16`	`CSSRegionStyleRule`
`CSSRule.UNKNOWN_RULE`	`0`	`CSSUnknownRule`
`CSSRule.CHARSET_RULE`	`2`	`CSSCharsetRule`	(ほとんどのブラウザーから削除されました。)

定数の最新版の非公式リストは 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