CSS Typed Object Model API

Schnittstellen

CSSStyleValue

Das CSSStyleValue-Interface der CSS Typed Object Model API ist die Basisklasse aller über die Typed OM API zugänglichen CSS-Werte. Eine Instanz dieser Klasse kann überall verwendet werden, wo ein String erwartet wird.

CSSStyleValue.parse()

Methode, die es ermöglicht, CSSNumericValue aus einem CSS-String zu konstruieren. Sie setzt eine spezifische CSS-Eigenschaft auf die angegebenen Werte und gibt den ersten Wert als CSSStyleValue-Objekt zurück.

CSSStyleValue.parseAll()

Methode, die alle Vorkommen einer spezifischen CSS-Eigenschaft auf den angegebenen Wert setzt und ein Array von CSSStyleValue-Objekten zurückgibt, die jeweils einen der bereitgestellten Werte enthalten.

StylePropertyMap

Das StylePropertyMap-Interface der CSS Typed Object Model API bietet eine Darstellung eines CSS-Deklarationsblocks als Alternative zu CSSStyleDeclaration.

StylePropertyMap.set()

Methode, die die CSS-Deklaration mit der angegebenen Eigenschaft auf den angegebenen Wert ändert.

StylePropertyMap.append()

Methode, die eine neue CSS-Deklaration zur StylePropertyMap mit der angegebenen Eigenschaft und dem Wert hinzufügt.

StylePropertyMap.delete()

Methode, die die CSS-Deklaration mit der angegebenen Eigenschaft aus der StylePropertyMap entfernt.

StylePropertyMap.clear()

Methode, die alle Deklarationen in der StylePropertyMap entfernt.

CSSUnparsedValue

Das CSSUnparsedValue-Interface der CSS Typed Object Model API repräsentiert Eigenschaftswerte, die auf benutzerdefinierte Eigenschaften verweisen. Es besteht aus einer Liste von Stringfragmenten und Variablenreferenzen.

CSSUnparsedValue() Konstruktor

Erstellt ein neues CSSUnparsedValue-Objekt, das Eigenschaftswerte darstellt, die auf benutzerdefinierte Eigenschaften verweisen.

CSSUnparsedValue.entries()

Methode, die ein Array der eigenen aufzählbaren [key, value]-Paare eines gegebenen Objekts in derselben Reihenfolge zurückgibt, wie sie von einer for...in-Schleife bereitgestellt wird (der Unterschied besteht darin, dass eine for-in-Schleife auch Eigenschaften in der Prototypkette aufzählt).

CSSUnparsedValue.forEach()

Methode, die eine bereitgestellte Funktion einmal für jedes Element des CSSUnparsedValue ausführt.

CSSUnparsedValue.keys()

Methode, die ein neues Array-Iterator-Objekt zurückgibt, das die Schlüssel für jeden Index im Array enthält.

CSSKeywordValue Serialisierung

Das CSSKeywordValue-Interface der CSS Typed Object Model API erstellt ein Objekt, um CSS-Schlüsselwörter und andere Bezeichner darzustellen.

CSSKeywordValue() Konstruktor

Konstruktor erstellt ein neues CSSKeywordValue()-Objekt, das CSS-Schlüsselwörter und andere Bezeichner darstellt.

CSSKeywordValue.value()

Eigenschaft des CSSKeywordValue-Interfaces, die den Wert des CSSKeywordValue zurückgibt oder setzt.

CSSStyleValue Schnittstellen

CSSStyleValue ist die Basisklasse, durch die alle CSS-Werte ausgedrückt werden. Unterklassen umfassen:

CSSImageValue

Eine Schnittstelle, die Werte für Eigenschaften darstellt, die ein Bild als Wert annehmen, beispielsweise background-image, list-style-image oder border-image-source.

CSSKeywordValue

Eine Schnittstelle, die ein Objekt erstellt, um CSS-Schlüsselwörter und andere Bezeichner darzustellen. Wenn es an Stellen verwendet wird, an denen ein String erwartet wird, gibt es den Wert von CSSKeyword.value zurück.

CSSMathValue

Ein Baum aus Unterklassen, der numerische Werte repräsentiert, die komplexer sind als ein einzelner Wert und eine Einheit, einschließlich:

• CSSMathMax - repräsentiert die CSS-max()-Funktion.
• CSSMathMin - repräsentiert die CSS-min()-Funktion.
• CSSMathNegate - negiert den übergebenen Wert.
• CSSMathInvert - repräsentiert einen CSS-calc()-Wert, der als calc(1 / <value>) verwendet wird. Dieser Typ wird intern von div() verwendet, um ein entsprechendes CSSMathProduct zu erstellen.
• CSSMathProduct - repräsentiert das Ergebnis, das durch Aufruf von mul() oder div() auf CSSNumericValue erhalten wird.
• CSSMathSum - repräsentiert das Ergebnis, das durch Aufruf von add(), sub() oder toSum() auf CSSNumericValue erhalten wird.

CSSNumericValue

Ein Interface, das Operationen darstellt, die alle numerischen Werte ausführen können, einschließlich:

• CSSNumericValue.add - Fügt dem CSSNumericValue die angegebenen Zahlen hinzu.
• CSSNumericValue.sub - Subtrahiert die angegebenen Zahlen vom CSSNumericValue.
• CSSNumericValue.mul - Multipliziert die angegebenen Zahlen mit dem CSSNumericValue.
• CSSNumericValue.div - Teilt das CSSNumericValue durch den angegebenen Wert und löst einen Fehler aus, wenn 0.
• CSSNumericValue.min - Gibt den minimal übergebenen Wert zurück.
• CSSNumericValue.max - Gibt den maximal übergebenen Wert zurück.
• CSSNumericValue.equals - Gibt true zurück, wenn alle Werte vom exakt gleichen Typ und Wert und in der gleichen Reihenfolge sind. Andernfalls false.
• CSSNumericValue.to - Konvertiert value in einen anderen mit der angegebenen Einheit.
• CSSNumericValue.toSum
• CSSNumericValue.type
• CSSNumericValue.parse - Gibt eine Zahl zurück, die aus einem CSS-String geparst wurde.

CSSPositionValue

Repräsentiert Werte für Eigenschaften, die eine Position erfordern, beispielsweise object-position.

CSSTransformValue

Ein Interface, das eine Liste von transform-Wertlisten repräsentiert. Sie "enthalten" einen oder mehrere CSSTransformComponents, die einzelne transform-Funktionswerte darstellen.

CSSUnitValue

Ein Interface, das numerische Werte darstellt, die als eine einzige Einheit oder als benannte Zahl und Prozentsatz dargestellt werden können.

CSSUnparsedValue

Repräsentiert Eigenschaftswerte, die auf benutzerdefinierte Eigenschaften verweisen. Es besteht aus einer Liste von Stringfragmenten und Variablenreferenzen.

Spezifikationen

Browser-Kompatibilität

api.CSSStyleValue

api.StylePropertyMap

api.CSSUnparsedValue

api.CSSKeywordValue

Siehe auch

• CSS Painting API
• Verwendung des CSS Typed Object Model
• CSS Houdini