CSSRule

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.

Instanz-Eigenschaften

Das CSSRule-Interface spezifiziert die Eigenschaften, die allen Regeln gemeinsam sind, während die Eigenschaften, die spezifisch für bestimmte Regeltypen sind, in den spezialisierteren Interfaces für die jeweiligen Regeltypen spezifiziert werden.

CSSRule.cssText

Repräsentiert die textuelle Darstellung der Regel, z.B. "h1,h2 { font-size: 16pt }" oder "@import 'url'". Um auf Teile der Regel zuzugreifen oder diese zu ändern (z.B. den Wert von "font-size" im Beispiel), verwenden Sie die Eigenschaften des spezialisierten Interface für den Regeltyp (siehe oben).

CSSRule.parentRule Schreibgeschützt

Gibt die enthaltende Regel zurück, ansonsten null. Befindet sich diese Regel z.B. in einem @media-Block, wäre die übergeordnete Regel die CSSMediaRule.

CSSRule.parentStyleSheet Schreibgeschützt

Gibt das CSSStyleSheet-Objekt für das Stylesheet zurück, das diese Regel enthält.

CSSRule.type Schreibgeschützt Veraltet

Gibt eine der Typkonstanten zurück, um festzustellen, welcher Regeltyp dargestellt wird.

Beispiele

Referenzen auf eine CSSRule können durch das Durchsehen der cssRules-Liste eines CSSStyleSheet erhalten werden.

js
let myRules = document.styleSheets[0].cssRules; // Returns a CSSRuleList
console.log(myRules);

Spezifikationen

Specification
CSS Object Model (CSSOM)
# the-cssrule-interface

Browser-Kompatibilität

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
CSSRule
cssText
parentRule
parentStyleSheet
type
Deprecated

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
Deprecated. Not for use in new websites.

Siehe auch