CSSRule: type Eigenschaft
Deprecated
Avoid using this feature in new projects. This feature may be a candidate for removal from web standards or browsers.
Die schreibgeschützte type-Eigenschaft des
CSSRule Interfaces ist eine veraltete Eigenschaft, die eine Ganzzahl zurückgibt, die angibt, welchen Typ von Regel die CSSRule darstellt.
Wenn Sie verschiedene Typen von CSS-Regeln unterscheiden müssen, ist eine gute Alternative, constructor.name zu verwenden:
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);
}
Wert
CSSRule.STYLE_RULE(1)-
Die Regel ist eine
CSSStyleRule, die häufigste Art von Regel:selector { prop1: val1; prop2: val2; }. CSSRule.IMPORT_RULE(3)-
Die Regel ist eine
CSSImportRuleund repräsentiert eine@import-Regel. CSSRule.MEDIA_RULE(4)-
Die Regel ist eine
CSSMediaRule. CSSRule.FONT_FACE_RULE(5)-
Die Regel ist eine
CSSFontFaceRule CSSRule.PAGE_RULE(6)-
Die Regel ist eine
CSSPageRule. CSSRule.KEYFRAMES_RULE(7)-
Die Regel ist eine
CSSKeyframesRule. CSSRule.KEYFRAME_RULE(8)-
Die Regel ist eine
CSSKeyframeRule. CSSRule.MARGIN_RULE(9)-
Die Regel ist eine
CSSMarginRule. CSSRule.NAMESPACE_RULE(10)-
Die Regel ist eine
CSSNamespaceRule. CSSRule.COUNTER_STYLE_RULE(11)-
Die Regel ist eine
CSSCounterStyleRule. CSSRule.SUPPORTS_RULE(12)-
Die Regel ist eine
CSSSupportsRule. CSSRule.FONT_FEATURE_VALUES_RULE(14)-
Die Regel ist eine
CSSFontFeatureValuesRule.
Die Werte CSSRule.UNKNOWN_RULE (0), CSSRule.CHARSET_RULE (2), CSSRule.DOCUMENT_RULE (13), CSSRule.VIEWPORT_RULE (14), und CSSRule.REGION_STYLE_RULE (16) können nicht mehr erhalten werden.
Beispiele
const rules = document.styleSheets[0].cssRules;
console.log(rules[0].type);
Spezifikationen
| Spezifikation |
|---|
| CSS Object Model (CSSOM) # concept-css-rule-type |