CSSRule: type Eigenschaft
Veraltet: Diese Funktion wird nicht mehr empfohlen. Obwohl einige Browser sie möglicherweise noch unterstützen, könnte sie bereits aus den relevanten Webstandards entfernt worden sein, in Kürze entfernt werden oder nur noch aus Kompatibilitätsgründen bestehen. Vermeiden Sie die Verwendung und aktualisieren Sie vorhandenen Code, falls möglich; siehe die Kompatibilitätstabelle am Ende dieser Seite, um Ihre Entscheidung zu unterstützen. Beachten Sie, dass diese Funktion jederzeit aufhören könnte zu funktionieren.
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
| Specification |
|---|
| CSS Object Model (CSSOM) # concept-css-rule-type |