CSSRule

Baseline Widely available

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

Das CSSRule Interface repräsentiert eine einzelne CSS-Regel. Es gibt verschiedene Regeltypen, die Eigenschaften von CSSRule erben.

Instanz-Eigenschaften

Das CSSRule Interface spezifiziert die Eigenschaften, die allen Regeln gemeinsam sind, während Eigenschaften, die für spezifische Regeltypen einzigartig sind, in den spezialisierteren Interfaces für diese Regeltypen spezifiziert werden.

CSSRule.cssText: Repräsentiert die textuelle Darstellung der Regel, z.B. "h1,h2 { font-size: 16pt }" oder "@import 'url'". Um Teile der Regel zuzugreifen oder zu modifizieren (z.B. den Wert von "font-size" im Beispiel), verwenden Sie die Eigenschaften auf dem spezialisierten Interface für den Regeltyp (siehe oben).
CSSRule.parentRule Schreibgeschützt: Gibt die enthaltende Regel zurück, andernfalls null. Zum Beispiel, wenn diese Regel eine Stilregel innerhalb eines @media-Blocks ist, wäre die übergeordnete Regel jene 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 zu bestimmen, welcher Regeltyp repräsentiert wird.

Beispiele

Referenzen auf eine CSSRule können durch das Überprüfen der cssRules-Liste eines CSSStyleSheet erhalten werden.

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

Spezifikationen

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

Browser-Kompatibilität

Siehe auch

Verwendung dynamischer Stilinformationen

Help improve MDN

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden