CSSMathInvert: CSSMathInvert()-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 CSSMathInvert()-Konstruktor erstellt ein neues CSSMathInvert-Objekt, das den Kehrwert eines CSSNumericValue darstellt.
Syntax
js
new CSSMathInvert(arg)
Parameter
arg-
Eine Zahl oder ein
CSSNumericValue, das den zu invertierenden Wert darstellt.
Ausnahmen
Keine.
Beispiele
Grundlegende Verwendung
Der folgende Code erstellt ein CSSMathInvert-Objekt aus einem Prozentsatz und gibt dann den Namen des Konstruktors, den value und die Serialisierung des Objekts (von toString()) aus.
js
const inverted = new CSSMathInvert(CSS.percent(4));
console.log(inverted.constructor.name); // "CSSMathInvert"
console.log(inverted.value); // CSSUnitValue {value: 4, unit: "percent"}
console.log(inverted.toString()); // "calc(1 / 4%)"
Beachten Sie, dass, wenn eine einfache Zahl an arg übergeben wird, der value auf einen CSSUnitValue mit der Einheit "number" berichtigt wird:
js
const invertedNumber = new CSSMathInvert(4);
console.log(invertedNumber.value); // CSSUnitValue {value: 4, unit: "number"}
Spezifikationen
| Spezifikation |
|---|
| CSS Typed OM Level 1 # dom-cssmathinvert-cssmathinvert |