CSSMathValue

草案
此页面不完整。

这是 实验性技术
检查 浏览器兼容性表格 在生产中使用这之前。

CSSMathValue interface of the CSS Typed Object Model API a base class for classes representing complex numeric values.

Interfaces based on CSSMathValue

Below is a list of interfaces based on the CSSMathValue interface.

特性

CSSMathValue.operator
Indicates the operator that the current subtype represents.

事件处理程序

No

方法

None.

范例

We create an element with a width determined using a calc() function, then console.log() the operator .

<div>has width</div>
					

We assign a width with a calculation

div {
  width: calc(30% - 20px);
}
					

We add the JavaScript

const styleMap = document.querySelector('div').computedStyleMap();
console.log( styleMap.get('width') );                  // CSSMathSum {values: CSSNumericArray, operator: "sum"}
console.log( styleMap.get('width').operator );         // 'sum'
console.log( styleMap.get('width').values[1].value );  // -20
					

CSSMathValue.operator returns ' sum ' because styleMap.get('width').values[1].value ); is -20 : adding a negative number.

规范

规范 状态 Comment
CSS Typed OM Level 1
The definition of 'CSSMathValue' in that specification.
工作草案 初始定义。

浏览器兼容性

更新 GitHub 上的兼容性数据
Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari Android webview Chrome for Android Firefox for Android Opera for Android Safari on iOS Samsung Internet
CSSMathValue
Chrome 66 Edge 79 Firefox No IE No Opera 53 Safari No WebView Android 66 Chrome Android 66 Firefox Android No Opera Android 47 Safari iOS No Samsung Internet Android 9.0
operator
Chrome 66 Edge 79 Firefox No IE No Opera 53 Safari No WebView Android 66 Chrome Android 66 Firefox Android No Opera Android 47 Safari iOS No Samsung Internet Android 9.0

图例

完整支持
完整支持
不支持
不支持
实验。期望将来行为有所改变。
实验。期望将来行为有所改变。
  1. CSSMathValue
  2. 特性
    1. operator