CSSNumericValue - 表示所有数值均可执行的操作

这是一个实验中的功能
此功能某些浏览器尚在开发中，请参考浏览器兼容性表格以得到在不同浏览器中适合使用的前缀。由于该功能对应的标准文档可能被重新修订，所以在未来版本的浏览器中该功能的语法和行为可能随之改变。

CSSNumericValue 是 CSS 类型对象模型 API 的接口，表示所有数值均可执行的操作。

基于 `CSSNumericValue` 的接口

以下是基于 CSSNumericValue 接口的接口列表。

CSSMathInvert
CSSMathMax
CSSMathMin
CSSMathNegate
CSSMathProduct
CSSMathSum
CSSMathValue
CSSNumericArray
CSSPerspective
CSSPositionValue
CSSRotate
CSSSkew
CSSSkeyX
CSSSkeyW
CSSTranslate
CSSUnitValue

属性

无。

事件处理程序

无。

方法

`CSSNumericValue.add`

将 CSSNumericValue 加上指定的数字。

`CSSNumericValue.sub`

将 CSSNumericValue 减去指定的数字。

`CSSNumericValue.mul`

将 CSSNumericValue 乘以指定的值。

`CSSNumericValue.div`

将 CSSNumericValue 除以指定的值。

`CSSNumericValue.min`

返回传递的最小值

`CSSNumericValue.max`

返回传递的最大值

`CSSNumericValue.equals`

如果所有值都是完全相同的类型和值，且顺序相同，则为 true，否则为 false。

`CSSNumericValue.to`

以指定单位将 value 转换为另一个值。

`CSSNumericValue.toSum`

暂无

`CSSNumericValue.type`

暂无

`CSSNumericValue.parse`

允许直接从包含 CSS 的字符串构造 CSSNumericValue 。

规范

规范	状态	备注
CSS Typed OM Level 1 CSSNumericValue 的定义	工作草案	初始定义。

桌面浏览器兼容性

特性	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari
基础支持	66	79	不支持	不支持	53	不支持
`add`	66	79	不支持	不支持	53	不支持
`div`	66	79	不支持	不支持	53	不支持
`equals`	66	79	不支持	不支持	53	不支持
`max`	66	79	不支持	不支持	53	不支持
`min`	66	79	不支持	不支持	53	不支持
`mul`	66	79	不支持	不支持	53	不支持
`parse`	66¹	79¹	不支持	不支持	53¹	不支持
`sub`	66	79	不支持	不支持	53	不支持
`to`	66	79	不支持	不支持	53	不支持
`toSum`	66	79	不支持	不支持	53	不支持
`type`	66	79	不支持	不支持	53	不支持

移动浏览器兼容性

特性	Android	Chrome for Android	Edge mobile	Firefox for Android	IE mobile	Opera Android	iOS Safari
基础支持	66	66	未知	不支持	未知	47	不支持
`add`	66	66	未知	不支持	未知	47	不支持
`div`	66	66	未知	不支持	未知	47	不支持
`equals`	66	66	未知	不支持	未知	47	不支持
`max`	66	66	未知	不支持	未知	47	不支持
`min`	66	66	未知	不支持	未知	47	不支持
`mul`	66	66	未知	不支持	未知	47	不支持
`parse`	66¹	66¹	未知	不支持	未知	47¹	不支持
`sub`	66	66	未知	不支持	未知	47	不支持
`to`	66	66	未知	不支持	未知	47	不支持
`toSum`	66	66	未知	不支持	未知	47	不支持
`type`	66	66	未知	不支持	未知	47	不支持

1. 没有提供给 PaintWorklet 使用。

相关链接

CSSImageValue
CSSKeywordValue
CSSPositionValue
CSSTransformValue
CSSUnparsedValue