CSS-Deklarationsblock

Ein CSS-Deklarationsblock ist eine geordnete Sammlung von CSS-Eigenschaften und Werten. Im DOM wird er als CSSStyleDeclaration dargestellt.

Jedes Paar aus Eigenschaft und Wert wird als CSS-Deklaration bezeichnet. Der CSS-Deklarationsblock hat die folgenden zugehrigen Eigenschaften:

Berechnungsflag: Wird gesetzt, wenn das CSSStyleDeclaration-Objekt ein berechneter und nicht spezifizierter Stil ist. Standardmig nicht gesetzt.
Deklarationen: Die mit diesem Objekt verbundenen CSS-Deklarationen.
bergeordnete CSS-Regel: Die CSSRule, mit der der CSS-Deklarationsblock verbunden ist, andernfalls null.
Eigentmerknoten: Das Element, mit dem der CSS-Deklarationsblock verbunden ist, andernfalls null.
Aktualisierungsflag: Wird gesetzt, wenn der CSS-Deklarationsblock das style-Attribut des Eigentmerknotens aktualisiert.

Wenn eine CSSStyleDeclaration von einer CSS Object Model (CSSOM)-Schnittstelle zurckgegeben wird, sind diese Eigenschaften auf die entsprechenden Werte gesetzt, wie in der Spezifikation definiert.

Einfaches Beispiel

Das folgende Beispiel zeigt eine CSS-Regel mit einem Deklarationsblock fr das h1-Element. Der CSS-Deklarationsblock sind die Zeilen zwischen den geschweiften Klammern.

css

h1 {
  margin: 0 auto;
  font-family: "Helvetica Neue", "Arial", sans-serif;
  font-style: italic;
  color: rebeccapurple;
}

Wir knnen eine CSSStyleDeclaration zurckgeben, die diesen CSS-Deklarationsblock reprsentiert, indem wir CSSStyleRule.style verwenden.

let myRules = document.styleSheets[0].cssRules;
let rule = myRules[0]; // a CSSStyleRule
console.log(rule.style); // a CSSStyleDeclaration object

Spezifikationen

Spezifikation
CSS Object Model (CSSOM) # css-declaration-blocks

Help improve MDN

War diese bersetzung hilfreich?

Ja Nein

Erfahren Sie, wie Sie beitragen knnen Diese Seite wurde automatisch aus dem Englischen bersetzt.

bersetzung auf GitHub anzeigen Fehler mit dieser bersetzung melden