CSSNumericValue: type()-Methode
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 type()-Methode der CSSNumericValue-Schnittstelle gibt den Typ von CSSNumericValue zurück, einer der folgenden: angle, flex, frequency, length, resolution, percent, percentHint oder time.
Syntax
type()
Parameter
Keine.
Rückgabewert
Ein CSSNumericType-Wörterbuch, das die folgenden Eigenschaften enthält:
lengthangletimefrequencyresolutionflexpercentpercentHint
Für jede Eigenschaft außer percentHint ist der Wert eine Ganzzahl, die die Potenz dieser Einheit darstellt. Zum Beispiel wird ein numerischer Wert von calc(1px * 1em) { length: 2 } zurückgeben.
Die Eigenschaft percentHint ist ein String, der den Typ des Wertes angibt, auf den sich das Prozent bezieht. Der Stringwert ist derselbe wie die Typproperties: "length", "angle", "time", "frequency", "resolution", "flex" oder "percent". Er gibt an, dass der Typ tatsächlich einen Prozentsatz hält, dieser Prozentsatz aber auf den angedeuteten Basistyp aufgelöst wird und daher durch diesen im Typ ersetzt wurde.
Ausnahmen
Keine.
Beispiele
Grundlegende Verwendung
let mathSum = CSS.px("23")
.sub(CSS.percent("4"))
.sub(CSS.cm("3"))
.sub(CSS.in("9"));
// Returns an object with the structure: {length: 1, percentHint: "length"}
let cssNumericType = mathSum.type();
Spezifikationen
| Spezifikation |
|---|
| CSS Typed OM Level 1 # dom-cssnumericvalue-type |