CSS 类型对象模型 API

CSS 类型对象模型 API 的 CSSStyleValue 接口是通过类型化对象模型 API 访问的所有 CSS 值的基类。此类的实例可以在任何需要字符串的地方使用。

CSSStyleValue.parse()

CSSStyleValue 接口的 parse() 方法允许从 CSS 字符串构建 CSSNumericValue。它将特定 CSS 属性设置为指定的值，并将第一个值作为 CSSStyleValue 对象返回。

CSSStyleValue.parseAll()

CSSStyleValue 接口的 parseAll() 方法将特定 CSS 属性的所有出现设置为指定的值，并返回一个 CSSStyleValue 对象数组，每个对象包含一个提供的值。

CSS 类型对象模型 API 的 StylePropertyMap 接口提供了 CSS 声明块的表示形式，它是 CSSStyleDeclaration 的替代方案。

StylePropertyMap.set()

StylePropertyMap 接口的方法，用于将具有给定属性的 CSS 声明更改为给定的值。

StylePropertyMap.append()

添加一个新的 CSS 声明到 StylePropertyMap 中，具有给定的属性和值。

StylePropertyMap.delete()

从 StylePropertyMap 中删除具有给定属性的 CSS 声明。

StylePropertyMap.clear()

删除 StylePropertyMap 中的所有声明。

CSS 类型对象模型 API 的 CSSUnparsedValue 接口表示引用自定义属性的属性值。它由字符串片段和变量引用的列表组成。

CSSUnparsedValue() 构造函数

创建一个新的 CSSUnparsedValue 对象，该对象表示引用自定义属性的属性值。

CSSUnparsedValue.entries()

返回给定对象自身可枚举属性 [键，值] 对的数组，顺序与 for...in 循环提供的顺序相同（区别在于 for-in 循环也枚举原型链中的属性）。

CSSUnparsedValue.forEach()

对 CSSUnparsedValue 的每个元素执行一次提供的函数。

CSSUnparsedValue.keys()

返回一个新的数组迭代器对象，其中包含数组中每个索引的键。

CSS 类型对象模型 API 的 CSSKeywordValue 接口创建一个对象来表示 CSS 关键字和其他标识符。

CSSKeywordValue() 构造函数

构造函数创建一个新的 CSSKeywordValue() 对象，该对象表示 CSS 关键字和其他标识符。

CSSKeywordValue.value()

CSSKeywordValue 接口的属性，用于返回或设置 CSSKeywordValue 的值。

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 - 将提供的数字除以其他数字，如果为 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

表示引用 自定义属性 的属性值。它由字符串片段和变量引用的列表组成。

• CSS 绘制 API
• 使用 CSS 类型对象模型
• CSS Houdini