CSSRule.type

非推奨: この機能は非推奨になりました。まだ対応しているブラウザーがあるかもしれませんが、すでに関連するウェブ標準から削除されているか、削除の手続き中であるか、互換性のためだけに残されている可能性があります。使用を避け、できれば既存のコードは更新してください。このページの下部にある互換性一覧表を見て判断してください。この機能は突然動作しなくなる可能性があることに注意してください。

typeCSSRule インターフェイスの読み取り専用プロパティで、非推奨です。この CSSRule が表すルールの型を示す整数を返します。

様々な CSS ルールの型を見分ける必要がある場合は、 constructor.name を使用するのが良い代替手段です。

const sheets = Array.from(document.styleSheets);
const rules = sheets.map(sheet => Array.from(sheet.cssRules)).flat();

for (const rule of rules) {
  console.log(rule.constructor.name);
}

下表に示す定数のいずれかとなる整数です。

ルールに特化したインターフェイス コメントと例
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 Experimental
CSSRule.KEYFRAME_RULE 8 CSSKeyframeRule Experimental
将来使用するために予約 9 将来的にカラープロファイルを定義するために使用する予定。
CSSRule.NAMESPACE_RULE 10 CSSNamespaceRule (en-US) Experimental
CSSRule.COUNTER_STYLE_RULE 11 CSSCounterStyleRule (en-US) Experimental
CSSRule.SUPPORTS_RULE 12 CSSSupportsRule
CSSRule.DOCUMENT_RULE 13 CSSDocumentRule Experimental
CSSRule.FONT_FEATURE_VALUES_RULE 14 CSSFontFeatureValuesRule
CSSRule.VIEWPORT_RULE 15 CSSViewportRule Experimental
CSSRule.REGION_STYLE_RULE 16 CSSRegionStyleRule Experimental
CSSRule.UNKNOWN_RULE 0 CSSUnknownRule Deprecated
CSSRule.CHARSET_RULE 2 CSSCharsetRule Deprecated (多くのブラウザーでは削除済み。)

let myRules = document.styleSheets[0].cssRules;
console.log(myRules[0].type);

仕様書

Specification
CSS Object Model (CSSOM)
# concept-css-rule-type

ブラウザーの互換性

BCD tables only load in the browser