CSS Typed Object Model API

Schnittstellen

CSSStyleValue

Die CSSStyleValue Schnittstelle 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 angegebenen Werte enthalten.

StylePropertyMap

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

StylePropertyMap.set()

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

StylePropertyMap.append()

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

StylePropertyMap.delete()

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

StylePropertyMap.clear()

Methode, die alle Deklarationen im StylePropertyMap entfernt.

CSSUnparsedValue

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

CSSUnparsedValue() Konstruktor

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

CSSUnparsedValue.entries()

Methode, die ein Array von eigenen aufzählbaren [key, value] Paaren eines gegebenen Objekts in der gleichen Reihenfolge wie bei einem for...in-Schleife zurückgibt (mit dem Unterschied, dass eine for-in-Schleife auch Eigenschaften in der Prototypenkette aufzählt).

CSSUnparsedValue.forEach()

Führt eine bereitgestellte Funktion je einmal für jedes Element des CSSUnparsedValue aus.

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

Die CSSKeywordValue Schnittstelle der CSS Typed Object Model API erstellt ein Objekt, um CSS-Stichwörter und andere Bezeichner zu repräsentieren.

CSSKeywordValue() Konstruktor

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

CSSKeywordValue.value()

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

CSSStyleValue Schnittstellen

CSSStyleValue ist die Basisklasse, durch die alle CSS-Werte ausgedrückt werden. Unterklassen schließen ein:

CSSImageValue

Eine Schnittstelle, die Werte für Eigenschaften repräsentiert, die ein Bild annehmen, zum Beispiel background-image, list-style-image oder border-image-source.

CSSKeywordValue

Eine Schnittstelle, die ein Objekt erstellt, um CSS-Stichwörter und andere Bezeichner zu repräsentieren. Wenn sie dort verwendet wird, wo ein String erwartet wird, gibt sie den Wert von CSSKeyword.value zurück.

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 übergebenen Wert.
• CSSMathProduct - repräsentiert das Ergebnis, das durch Aufruf von add(), sub() oder toSum() auf CSSNumericValue erhalten wird.
• CSSMathSum - repräsentiert das Ergebnis, das durch 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 den übergebenen Zahlen zur CSSNumericValue 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 übergebenen Wert und wirft einen Fehler, wenn 0.
• CSSNumericValue.min - Gibt den minimal übergebenen Wert zurück.
• CSSNumericValue.max - Gibt den maximal übergebenen Wert zurück.
• CSSNumericValue.equals - Gibt wahr zurück, wenn alle Werte denselben Typ und Wert in der gleichen Reihenfolge haben. Andernfalls falsch.
• 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 wird.

CSSPositionValue

Repräsentiert Werte für Eigenschaften, die eine Position annehmen, zum Beispiel object-position.

CSSTransformValue

Eine Schnittstelle, die eine Liste von transform Listeneinträgen repräsentiert. Sie "enthalten" einen oder mehrere CSSTransformComponents, die einzelne transform Funktionswerte repräsentieren.

CSSUnitValue

Eine Schnittstelle, die numerische Werte repräsentiert, die als eine einzige Einheit oder ein benannter Nummer und Prozentsatz dargestellt werden können.

CSSUnparsedValue

Repräsentiert Eigenschaftswerte, die benutzerdefinierte Eigenschaften. Es besteht aus einer Liste von String-Fragmenten 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