CSSStyleRule: style-Eigenschaft
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.
Die schreibgeschützte style-Eigenschaft ist ein CSSStyleProperties-Objekt, das die Inline-Stile einer Stilregel (CSSStyleRule) darstellt.
Beachten Sie, dass Eigenschaften auf dem Objekt für alle vom Browser unterstützten CSS-Eigenschaften vorhanden sind. Die Eigenschaften, die nicht inline in der entsprechenden CSS-Deklaration definiert sind, werden auf die leere Zeichenkette ("") gesetzt.
Wert
Ein CSSStyleProperties.
Hinweis:
Frühere Versionen der Spezifikation gaben eine CSSStyleDeclaration zurück, die jetzt die Basisklasse von CSSStyleProperties ist.
Siehe die Browser-Kompatibilität-Tabelle für Informationen zur Browserunterstützung.
Beispiele
Abrufen der Stile für eine Stilregel
Das folgende CSS definiert die Stilregel für den h1-Selektor, der im Code durch eine CSSStyleRule-Instanz dargestellt wird.
Der Deklarationsblock ist der Teil der Stilregel, der innerhalb der geschweiften Klammern erscheint und tatsächlich die Stildefinitionen bereitstellt (für den Selektor, der Teil, der vor den Klammern kommt), der im Code durch die style-Eigenschaft dargestellt wird.
h1 {
color: pink;
}
Angenommen, die obige Stilregel ist die erste Regel im Dokument, wird sie die erste CSSRule sein, die von document.styleSheets[0].cssRules zurückgegeben wird.
myRules[0].style gibt ein CSSStyleProperties-Objekt zurück, das die für h1 definierten Deklarationen darstellt.
const myRules = document.styleSheets[0].cssRules;
console.log(myRules[0].style); // a CSSStyleProperties representing the declarations on the h1.
Spezifikationen
| Specification |
|---|
| CSS Object Model (CSSOM) # dom-cssstylerule-style |
Browser-Kompatibilität
Loading…