CSSNumericValue: type() 方法

可用性有限

此特性不是基線特性,因為它在一些最廣泛使用的瀏覽器中不起作用。

type() 方法是 CSSNumericValue 介面的一部分,它返回 CSSNumericValue 的型別,型別包括 angleflexfrequencylengthresolutionpercentpercentHinttime 之一。

語法

js
type()

引數

無。

返回值

一個 CSSNumericType 字典,包含以下屬性:

  • length
  • angle
  • 時間
  • frequency
  • resolution
  • flex
  • percent
  • percentHint

對於除了 percentHint 之外的每個屬性,其值是一個整數,表示該單位的冪次。例如,calc(1px * 1em) 的數值將返回 { length: 2 }

percentHint 屬性是一個字串,指示百分比所應用的數值型別。字串值與型別屬性相同:"length""angle""time""frequency""resolution""flex""percent"。它表示該型別實際包含一個百分比,但該百分比最終會解析為提示的基礎型別,因此在型別中已被替換為它。

異常

無。

示例

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

規範

規範
CSS 型別化 OM Level 1
# dom-cssnumericvalue-type

瀏覽器相容性