CSS Typed Object Model API

介面

CSSStyleValue

CSS 型別化物件模型 API 的 CSSStyleValue 介面是所有透過型別化 OM API 訪問的 CSS 值的基礎類。此類的例項可以在任何期望字串的地方使用。

CSSStyleValue.parse()

允許從 CSS 字串構造 CSSNumericValue 的方法。它將指定的 CSS 屬性設定為指定的值，並返回第一個值作為 CSSStyleValue 物件。

CSSStyleValue.parseAll()

設定特定 CSS 屬性所有出現項為指定值的方法，並返回一個 CSSStyleValue 物件陣列，每個物件包含一個提供的值。

StylePropertyMap

CSS 型別化物件模型 API 的 StylePropertyMap 介面提供了 CSS 宣告塊的表示，這是 CSSStyleDeclaration 的替代方案。

StylePropertyMap.set()

更改具有給定屬性的 CSS 宣告為給定值的方法。

StylePropertyMap.append()

向具有給定屬性和值的 StylePropertyMap 新增新 CSS 宣告的方法。

StylePropertyMap.delete()

從 StylePropertyMap 中刪除具有給定屬性的 CSS 宣告的方法。

StylePropertyMap.clear()

刪除 StylePropertyMap 中所有宣告的方法。

CSSUnparsedValue

CSS 型別化物件模型 API 的 CSSUnparsedValue 介面表示引用自定義屬性的屬性值。它包含字串片段和變數引用的列表。

CSSUnparsedValue() 建構函式

建立一個新的 CSSUnparsedValue 物件，該物件表示引用自定義屬性的屬性值。

CSSUnparsedValue.entries()

返回給定物件自身可列舉屬性的 [key, value] 對的陣列，順序與 for...in 迴圈提供的順序相同（區別在於 for-in 迴圈還會列舉原型鏈中的屬性）。

CSSUnparsedValue.forEach()

為 CSSUnparsedValue 中的每個元素執行一次提供的函式的方法。

CSSUnparsedValue.keys()

返回一個包含陣列中每個索引的鍵的新*陣列迭代器*物件的方法。

CSSKeywordValue 序列化

CSS 型別化物件模型 API 的 CSSKeywordValue 介面建立一個物件來表示 CSS 關鍵字和其他識別符號。

CSSKeywordValue() 建構函式

建構函式建立一個新的 CSSKeywordValue() 物件，該物件表示 CSS 關鍵字和其他識別符號。

CSSKeywordValue.value()

CSSKeywordValue 介面的屬性，用於返回或設定 CSSKeywordValue 的值。

CSSStyleValue 介面

CSSStyleValue 是所有 CSS 值表示的基礎類。子類包括

CSSImageValue

一個表示需要影像的屬性值的介面，例如 background-image、list-style-image 或 border-image-source。

CSSKeywordValue

一個建立物件來表示 CSS 關鍵字和其他識別符號的介面。當在需要字串的地方使用時，它將返回 CSSKeyword.value 的值。

CSSMathValue

一個子類樹，表示比單個值和單位更復雜數值，包括

• CSSMathInvert - 表示用作 calc(1 / <value>) 的 CSS calc() 值。
• CSSMathMax - 表示 CSS max() 函式。
• CSSMathMin - 表示 CSS min() 函式。
• CSSMathNegate - 對傳入的值進行取反。
• CSSMathProduct - 表示透過在 CSSNumericValue 上呼叫 add()、sub() 或 toSum() 獲得的結果。
• CSSMathSum - 表示透過在 CSSNumericValue 上呼叫 add()、sub() 或 toSum() 獲得的結果。

CSSNumericValue

一個表示所有數值都可以執行的操作的介面，包括

• CSSNumericValue.add - 將提供的數字新增到 CSSNumericValue。
• CSSNumericValue.sub - 從 CSSNumericValue 中減去提供的數字。
• CSSNumericValue.mul - 將提供的數字乘以 CSSNumericValue。
• CSSNumericValue.div - 用提供的值除以 CSSNumericValue，如果值為 0 則丟擲錯誤。
• CSSNumericValue.min - 返回傳遞的最小值
• CSSNumericValue.max - 返回傳遞的最大值
• CSSNumericValue.equals - 如果所有值都是完全相同的型別和值，順序也相同，則返回 true。否則返回 false
• CSSNumericValue.to - 將 value 轉換為具有指定*單位*的其他值。
• CSSNumericValue.toSum
• CSSNumericValue.type
• CSSNumericValue.parse - 從 CSS 字串解析數字並返回。

CSSPositionValue

表示需要位置的屬性值，例如 object-position。

CSSTransformValue

一個表示 transform 列表值的介面。它們“包含”一個或多個 CSSTransformComponent，這些元件表示單個transform 函式值。

CSSUnitValue

一個表示可以表示為單個單位或命名數字和百分比的數值的介面。

CSSUnparsedValue

表示引用自定義屬性的屬性值。它包含字串片段和變數引用的列表。

規範

瀏覽器相容性

api.CSSStyleValue

api.StylePropertyMap

api.CSSUnparsedValue

api.CSSKeywordValue

另見

• CSS Painting API
• 使用 CSS 型別物件模型
• CSS Houdini