DOM

インターフェイス

CSSRule インターフェイス

  編集:2022.04.04 by T.A.

MS

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(MS)ブロック内部のスタイル規則の場合、親規則は CSSMediaRule になります。
CSSRule.parentStyleSheet 読取専用
この規則を含むスタイルシートの CSSStyleSheet オブジェクトを返す。
CSSRule.type en-US 読取専用
CSS 規則の種類を示すいずれかの 型定数。
定数
型定数

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

定義名 規則固有のインターフェイス 備考と使用例
CSSRule.STYLE_RULE 1 CSSStyleRule もっとも一般的な規則の種類:
selector { prop1: val1; prop2: val2; }
CSSRule.IMPORT_RULE 3 CSSImportRule @import 規則。(ドキュメントが完成するまで、インターフェイスの定義は Mozilla のソースコードを参照してください: nsIDOMCSSImportRule.)
CSSRule.MEDIA_RULE 4 CSSMediaRule
CSSRule.FONT_FACE_RULE 5 CSSFontFaceRule
CSSRule.PAGE_RULE 6 CSSPageRule
CSSRule.KEYFRAMES_RULE 7 CSSKeyframesRule
CSSRule.KEYFRAME_RULE 8 CSSKeyframeRule
将来使用するための予約領域 9 将来、カラープロファイルの定義に使用されます。
CSSRule.NAMESPACE_RULE 10 CSSNamespaceRule
CSSRule.COUNTER_STYLE_RULE 11 CSSCounterStyleRule
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 で確認できます。


テスト
HTML:

ここに表示
スクリプト組み込み:



スクリプト:


スクリプト:



表示内容:
表示内容: