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) repräsentiert.
Beachten Sie, dass Eigenschaften, die 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 den leeren String ("") gesetzt.
Wert
Ein CSSStyleProperties.
Hinweis:
Frühere Versionen der Spezifikation gaben eine CSSStyleDeclaration zurück, welche jetzt die Basisklasse von CSSStyleProperties ist.
Siehe die Tabelle zur Browser-Kompatibilität für Informationen zur Browserunterstützung.
Beispiele
Abrufen der Stile für eine Stilregel
Das untenstehende CSS definiert die Stilregel für den h1-Selektor, der im Code durch eine CSSStyleRule-Instanz repräsentiert 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 geschweiften Klammern kommt), der im Code von der style-Eigenschaft repräsentiert wird.
h1 {
color: pink;
}
Angenommen, die obige Stilregel ist die erste Regel im Dokument, dann wird sie die erste von document.styleSheets[0].cssRules zurückgegebene CSSRule sein.
myRules[0].style gibt ein CSSStyleProperties-Objekt zurück, das die für h1 definierten Deklarationen repräsentiert.
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…