CSS Typed Object Model API

Schnittstellen

CSSStyleValue

Die Schnittstelle CSSStyleValue der CSS Typed Object Model API ist die Basisklasse für alle CSS-Werte, auf die über die Typed OM API zugegriffen werden kann. Eine Instanz dieser Klasse kann überall dort verwendet werden, wo eine Zeichenfolge erwartet wird.

CSSStyleValue.parse()

Methode, mit der ein CSSNumericValue aus einer CSS-Zeichenfolge erstellt werden kann. Sie setzt eine bestimmte CSS-Eigenschaft auf die angegebenen Werte und gibt den ersten Wert als CSSStyleValue-Objekt zurück.

CSSStyleValue.parseAll()

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

StylePropertyMap

Die Schnittstelle StylePropertyMap der CSS Typed Object Model API stellt einen CSS-Deklarationsblock dar und ist eine Alternative zu CSSStyleDeclaration.

StylePropertyMap.set()

Methode, die die CSS-Deklaration für die angegebene Eigenschaft auf den angegebenen Wert ändert.

StylePropertyMap.append()

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

StylePropertyMap.delete()

Methode, die die CSS-Deklaration für die angegebene Eigenschaft aus der StylePropertyMap entfernt.

StylePropertyMap.clear()

Methode, die alle Deklarationen aus der StylePropertyMap entfernt.

CSSUnparsedValue

Die Schnittstelle CSSUnparsedValue der CSS Typed Object Model API stellt Eigenschaftswerte dar, die auf benutzerdefinierte Eigenschaften verweisen. Sie besteht aus einer Liste von Zeichenfolgenfragmenten 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 Objekts zurückgibt. Die Reihenfolge entspricht der einer for...in-Schleife; anders als diese bezieht sie jedoch keine Eigenschaften aus der Prototypkette ein.

CSSUnparsedValue.forEach()

Methode, die eine bereitgestellte Funktion einmal für jedes Element von 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.

Serialisierung von CSSKeywordValue

Die Schnittstelle CSSKeywordValue der CSS Typed Object Model API erstellt ein Objekt zur Darstellung von CSS-Schlüsselwörtern und anderen Bezeichnern.

CSSKeywordValue()-Konstruktor

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

CSSKeywordValue.value()

Eigenschaft der Schnittstelle CSSKeywordValue, die den Wert von CSSKeywordValue zurückgibt oder festlegt.

CSSStyleValue-Schnittstellen

CSSStyleValue ist die Basisklasse, über die alle CSS-Werte ausgedrückt werden. Zu ihren Unterklassen gehören:

CSSImageValue

Schnittstelle zur Darstellung von Werten für Eigenschaften, die ein Bild verwenden, beispielsweise background-image, list-style-image oder border-image-source.

CSSKeywordValue

Schnittstelle, die ein Objekt zur Darstellung von CSS-Schlüsselwörtern und anderen Bezeichnern erstellt. Wird sie an einer Stelle verwendet, an der eine Zeichenfolge erwartet wird, gibt sie den Wert von CSSKeyword.value zurück.

CSSMathValue

Eine Hierarchie von Unterklassen zur Darstellung numerischer Werte, die komplexer sind als ein einzelner Wert mit einer Einheit. Dazu gehören:

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

CSSNumericValue

Schnittstelle für Operationen, die alle numerischen Werte ausführen können. Dazu gehören:

• CSSNumericValue.add – Addiert die übergebenen Zahlen zum CSSNumericValue.
• CSSNumericValue.sub – Subtrahiert die übergebenen Zahlen vom CSSNumericValue.
• CSSNumericValue.mul – Multipliziert den CSSNumericValue mit den übergebenen Zahlen.
• CSSNumericValue.div – Dividiert den CSSNumericValue durch den übergebenen Wert und löst einen Fehler aus, wenn dieser 0 ist.
• CSSNumericValue.min – Gibt den kleinsten der übergebenen Werte zurück.
• CSSNumericValue.max – Gibt den größten der übergebenen Werte zurück.
• CSSNumericValue.equals – Gibt true zurück, wenn jeder übergebene Wert mit dem CSSNumericValue übereinstimmt, also dieselben Werte und Einheiten hat; andernfalls wird false zurückgegeben.
• CSSNumericValue.to – Wandelt value in einen Wert mit der angegebenen Einheit um.
• CSSNumericValue.toSum
• CSSNumericValue.type
• CSSNumericValue.parse – Gibt eine Zahl zurück, die aus einer CSS-Zeichenfolge geparst wurde.

CSSPositionValue

Stellt Werte für Eigenschaften dar, die eine Position verwenden, beispielsweise object-position.

CSSTransformValue

Schnittstelle zur Darstellung einer Liste von transform-Werten. Sie „enthält“ eine oder mehrere CSSTransformComponent-Instanzen, die einzelne transform-Funktionswerte darstellen.

CSSUnitValue

Schnittstelle zur Darstellung numerischer Werte, die sich durch einen einzelnen Wert mit einer Einheit oder durch eine benannte Zahl und einen Prozentwert ausdrücken lassen.

CSSUnparsedValue

Stellt Eigenschaftswerte dar, die auf benutzerdefinierte Eigenschaften verweisen. Sie besteht aus einer Liste von Zeichenfolgenfragmenten 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