Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

CSSUnparsedValue: CSSUnparsedValue() Konstruktor

Eingeschränkt verfügbar

Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.

Want more browser support for this feature? Tell us why.

Hinweis: Diese Funktion ist in Web Workers verfügbar.

Der CSSUnparsedValue() Konstruktor erstellt ein neues CSSUnparsedValue Objekt, das einen Eigenschaftswert darstellt, der nicht in einen spezifischeren Typ geparst werden kann – typischerweise der Wert einer benutzerdefinierten Eigenschaft.

Syntax

js
new CSSUnparsedValue(members)

Parameter

members

Ein Array, dessen Werte entweder ein String oder ein CSSVariableReferenceValue sein müssen.

Beispiele

Grundlegende Verwendung

js
const value = new CSSUnparsedValue(["4deg"]);
const values = new CSSUnparsedValue(["1em", "#445566", "-45px"]);

console.log(value); // CSSUnparsedValue {0: "4deg", length: 1}
console.log(values); // CSSUnparsedValue {0: "1em", 1: "#445566", 2: "-45px", length: 3}

CSSUnparsedValue mit einer Variablenreferenz

Ein Mitglied kann auch ein CSSVariableReferenceValue sein, das eine var() Referenz darstellt, die im Wert eingebettet ist. Dieses Beispiel erstellt ein CSSUnparsedValue für eine Deklaration, die 10px var(--bar, blue) entspricht.

js
const fallback = new CSSUnparsedValue(["blue"]);
const varRef = new CSSVariableReferenceValue("--bar", fallback);

const value = new CSSUnparsedValue(["10px ", varRef]);

console.log(value.length); // 2
console.log(value[0]); // "10px "
console.log(value[1].variable); // "--bar"
console.log(value[1].fallback[0]); // "blue"

Spezifikationen

Spezifikation
CSS Typed OM Level 1
# dom-cssunparsedvalue-cssunparsedvalue

Browser-Kompatibilität

Siehe auch