CSSMathMax: values-Eigenschaft
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.
Die values schreibgeschützte Eigenschaft der CSSMathMax-Schnittstelle gibt ein CSSNumericArray zurück, das die CSSNumericValue-Objekte enthält, die zum Finden des Maximums verglichen werden.
Wert
Ein CSSNumericArray.
Beispiele
Grundlegende Nutzung
Der folgende Code erstellt ein CSSMathMax-Objekt und protokolliert dessen values und Länge.
const max = new CSSMathMax(CSS.px(10), CSS.em(5), CSS.percent(50));
console.log(max.values);
// CSSNumericArray {0: CSSUnitValue, 1: CSSUnitValue, 2: CSSUnitValue, length: 3}
console.log(max.values.length); // 3
Wir iterieren dann über die values, protokollieren ihren Typ, Wert, Einheit und den als Zeichenfolge dargestellten Text.
Jedes davon entspricht den CSSNumericValue-Objekten, die in den Konstruktor übergeben wurden (oder den Operanden der CSS max()-Funktion, die es darstellt), in der gleichen Reihenfolge.
for (const value of max.values) {
console.log(
`${value.constructor.name}: ${value.value} ${value.unit} (${value})`,
);
}
// CSSUnitValue: 10 px (10px)
// CSSUnitValue: 5 em (5em)
// CSSUnitValue: 50 percent (50%)
Spezifikationen
| Spezifikation |
|---|
| CSS Typed OM Level 1 # dom-cssmathmax-values |