CSSNumericValue: type() Methode

Eingeschränkt verfügbar

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

Die type() Methode der CSSNumericValue Schnittstelle gibt den Typ von CSSNumericValue zurück, einer von angle, flex, frequency, length, resolution, percent, percentHint oder time.

In diesem Artikel

Syntax

type()

Rückgabewert

Ein CSSNumericType-Wörterbuch, das die folgenden Eigenschaften enthält:

length
angle
time
frequency
resolution
flex
percent
percentHint

Für jede Eigenschaft außer percentHint ist der Wert eine ganze Zahl, die die Potenz dieser Einheit darstellt. Zum Beispiel wird ein numerischer Wert von calc(1px * 1em) { length: 2 } zurückgeben.

Die percentHint-Eigenschaft ist ein String, der angibt, auf welchen Werttyp der Prozentwert angewendet wird. Der Stringwert entspricht den Typ-Eigenschaften: "length", "angle", "time", "frequency", "resolution", "flex", oder "percent". Er zeigt an, dass der Typ tatsächlich einen Prozentsatz enthält, dieser Prozentsatz jedoch letztendlich auf den angedeuteten Basistyp aufgelöst wird und daher durch diesen im Typ ersetzt wurde.

Ausnahmen

Keine.

Beispiele

js
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();