CSSRule: свойство type

Только для чтения type свойство интерфейса CSSRule — устаревшее свойство, которое возвращает целое число, указывающее, какой тип правила представляет 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 и представляет правило @import.

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.

CSSRule.NAMESPACE_RULE (10)

Правило является CSSNamespaceRule.

CSSRule.COUNTER_STYLE_RULE (11)

Правило является CSSCounterStyleRule.

CSSRule.SUPPORTS_RULE (12)

Правило является CSSSupportsRule.

CSSRule.FONT_FEATURE_VALUES_RULE (14)

Правило является CSSFontFeatureValuesRule.

Значения CSSRule.UNKNOWN_RULE (0), CSSRule.CHARSET_RULE (2), CSSRule.DOCUMENT_RULE (13), CSSRule.VIEWPORT_RULE (14), и CSSRule.REGION_STYLE_RULE (16) больше недоступны.