CSS Typed Object Model API

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

CSSStyleValue.parse()

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

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

StylePropertyMap.set()

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

StylePropertyMap.append()

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

StylePropertyMap.delete()

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

StylePropertyMap.clear()

Methode, die alle Deklarationen in der StylePropertyMap entfernt.

Die CSSUnparsedValue-Schnittstelle der CSS Typed Object Model API repräsentiert Eigenschaftswerte, die auf benutzerdefinierte Eigenschaften verweisen. Sie besteht aus einer Liste von String-Fragmenten und Variablenverweisen.

CSSUnparsedValue() Konstruktor

Erstellt ein neues CSSUnparsedValue-Objekt, das Eigenschaftswerte repräsentiert, die auf benutzerdefinierte Eigenschaften verweisen.

CSSUnparsedValue.entries()

Methode, die ein Array der eigenen aufzählbaren Eigenschaften [Schlüssel, Wert]-Paare eines gegebenen Objekts in der gleichen Reihenfolge wie bei einer for...in-Schleife zurückgibt (der Unterschied besteht darin, dass eine for-in-Schleife auch Eigenschaften in der Prototyp-Kette 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 jedes Index im Array beinhaltet.

Die CSSKeywordValue-Schnittstelle 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 repräsentiert.

CSSKeywordValue.value()

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

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

CSSImageValue

Eine Schnittstelle, die Werte für Eigenschaften repräsentiert, die ein Bild erfordern, zum Beispiel 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 sie dort verwendet wird, wo ein String erwartet wird, wird der Wert von CSSKeyword.value zurückgegeben.

CSSMathValue

Ein Baum von Unterklassen, die numerische Werte repräsentieren, 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 ihm übergebenen Wert.
• CSSMathProduct - repräsentiert das Ergebnis, das durch den Aufruf von add(), sub() oder toSum() auf CSSNumericValue erhalten wird.
• CSSMathSum - repräsentiert das Ergebnis, das durch den Aufruf von add(), sub() oder toSum() auf CSSNumericValue erhalten wird.

CSSNumericValue

Eine Schnittstelle, die Operationen repräsentiert, die alle numerischen Werte durchführen können, einschließlich:

• CSSNumericValue.add - Fügt die angegebenen Zahlen zur CSSNumericValue hinzu.
• CSSNumericValue.sub - Zieht die angegebenen Zahlen von der CSSNumericValue ab.
• CSSNumericValue.mul - Multipliziert die angegebenen Zahlen zur CSSNumericValue.
• CSSNumericValue.div - Teilt die CSSNumericValue durch den angegebenen Wert und löst einen Fehler aus, wenn 0.
• CSSNumericValue.min - Gibt den minimalen übergebenen Wert zurück
• CSSNumericValue.max - Gibt den maximalen übergebenen Wert zurück
• CSSNumericValue.equals - Gibt true zurück, wenn alle Werte vom exakt gleichen Typ und Wert, 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, zum Beispiel object-position.

CSSTransformValue

Eine Schnittstelle, die eine Liste von transform-Listenelementwerten repräsentiert. Sie "beinhaltet" ein oder mehrere CSSTransformComponents, die einzelne transform-Funktionswerte darstellen.

CSSUnitValue

Eine Schnittstelle, die numerische Werte repräsentiert, die als eine einzige Einheit oder als benannte Zahl und Prozentzahl dargestellt werden können.

CSSUnparsedValue

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

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