CSS Typed Object Model API

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

CSSStyleValue.parse()

Methode, die es ermöglicht, CSSNumericValue aus einem CSS-String zu konstruieren. 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 gelieferten Werte enthalten.

Die StylePropertyMap-Schnittstelle der CSS Typed Object Model API bietet eine Repräsentation eines CSS-Deklarationsblocks, die eine Alternative zu CSSStyleDeclaration darstellt.

StylePropertyMap.set()

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

StylePropertyMap.append()

Methode, die eine neue CSS-Deklaration mit der angegebenen Eigenschaft und dem Wert zur StylePropertyMap 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.

Die CSSUnparsedValue-Schnittstelle der CSS Typed Object Model API stellt Eigenschaftswerte dar, die auf benutzerdefinierte Eigenschaften verweisen. Sie besteht aus einer Liste von String-Fragmenten 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 Eigenschafts-Paare [key, value] eines gegebenen Objekts in der gleichen Reihenfolge wie bei einer for...in-Schleife zurückgibt (der Unterschied ist, 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.

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

CSSKeywordValue() Konstruktor

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

CSSKeywordValue.value()

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

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

CSSImageValue

Eine Schnittstelle, die Werte für Eigenschaften repräsentiert, die ein Bild erfordern, 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 dort verwendet wird, wo eine Zeichenfolge erwartet wird, gibt es den Wert von CSSKeyword.value zurück.

CSSMathValue

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

• CSSMathInvert - repräsentiert einen CSS calc()-Wert, der als calc(1 / <value>) verwendet wird.
• CSSMathMax - repräsentiert die CSS max()-Funktion.
• CSSMathMin - repräsentiert die CSS min()-Funktion.
• CSSMathNegate - negiert den übergebenen Wert.
• CSSMathProduct - repräsentiert das Ergebnis, das durch Aufrufen von add(), sub() oder toSum() auf CSSNumericValue erhalten wird.
• CSSMathSum - repräsentiert das Ergebnis, das durch Aufrufen von add(), sub() oder toSum() auf CSSNumericValue erhalten wird.

CSSNumericValue

Eine Schnittstelle, die Operationen darstellt, die alle numerischen Werte ausführen können, einschließlich:

• CSSNumericValue.add - Fügt der CSSNumericValue die übergebenen Zahlen hinzu.
• CSSNumericValue.sub - Subtrahiert die übergebenen Zahlen von der CSSNumericValue.
• CSSNumericValue.mul - Multipliziert die übergebenen Zahlen mit der CSSNumericValue.
• CSSNumericValue.div - Teilt die CSSNumericValue durch den angegebenen Wert und löst einen Fehler aus, wenn 0.
• CSSNumericValue.min - Gibt den übergebenen Minimalwert zurück
• CSSNumericValue.max - Gibt den übergebenen Maximalwert zurück
• CSSNumericValue.equals - Gibt true zurück, wenn alle Werte den exakt gleichen Typ und Wert haben 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

Eine Schnittstelle, die eine Liste von transform Listenwerten repräsentiert. Sie "enthalten" einen oder mehrere CSSTransformComponent, die einzelne transform Funktionwerte darstellen.

CSSUnitValue

Eine Schnittstelle, die numerische Werte darstellt, die als eine einzelne Einheit oder als benannte Zahl und Prozentzahl dargestellt werden können.

CSSUnparsedValue

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

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