CSSMathMin: CSSMathMin() 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.
Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.
Hinweis: Diese Funktion ist in Web Workers verfügbar.
Der CSSMathMin() Konstruktor erstellt ein neues CSSMathMin-Objekt, das die CSS min() Funktion repräsentiert.
Syntax
new CSSMathMin(arg1)
new CSSMathMin(arg1, arg2)
new CSSMathMin(arg1, arg2, /* …, */ argN)
Parameter
arg1, …,argN-
Eine Liste von Zahlen oder
CSSNumericValue-Objekten.
Ausnahmen
SyntaxErrorDOMException-
Wird ausgelöst, wenn keine Argumente übergeben werden.
TypeError-
Wird ausgelöst, wenn
arg1, …,argNinkompatible Typen haben (zum Beispiel das Mischen einer<length>mit einem<angle>), sodass kein gemeinsamer Typ für den Vergleich bestimmt werden kann.
Beispiele
Grundlegende Verwendung
Der folgende Code erstellt eine Instanz von CSSMathMin aus drei Werten und liest dann dessen operator- und values-Eigenschaften aus.
const min = new CSSMathMin(CSS.px(10), CSS.em(5), CSS.percent(50));
console.log(min.constructor.name); // "CSSMathMin"
console.log(min.operator); // 'min'
console.log(min.values); // CSSNumericArray {0: CSSUnitValue, 1: CSSUnitValue, 2: CSSUnitValue, length: 3}
console.log(min.values[0]); // CSSUnitValue {value: 10, unit: "px"}
Umgang mit inkompatiblen Typen
Der Konstruktor löst einen TypeError aus, wenn die Werte nicht zu einem kompatiblen Typen aufgelöst werden können. Im folgenden Code mischen wir eine Länge mit einer Zeit und protokollieren den Fehler.
try {
// Mixes a length (px) with a time (s): incompatible types
new CSSMathMin(CSS.px(10), CSS.s(2));
} catch (e) {
console.log(e instanceof TypeError); // true
console.log(e.message);
}
Leere Argumente
Der Konstruktor löst einen SyntaxError aus, wenn er ohne Argumente aufgerufen wird.
try {
new CSSMathMin();
} catch (e) {
console.log(e instanceof DOMException); // true
console.log(e.name); // "SyntaxError"
}
Spezifikationen
| Spezifikation |
|---|
| CSS Typed OM Level 1 # dom-cssmathmin-cssmathmin |