CSSMathValue

Интерфейс CSSMathValue из API CSS Typed Object Model — базовый класс для классов, представляющих сложные числовые значения.

Ниже приведен список интерфейсов, основанных на интерфейсе CSSMathValue.

• CSSMathInvert
• CSSMathMax
• CSSMathMin
• CSSMathNegate
• CSSMathProduct
• CSSMathSum

CSSMathValue.operator

Указывает оператор, который представляет текущий подтип.

Интерфейс также может унаследовать методы от своего родительского интерфейса, CSSNumericValue.

Интерфейс также может унаследовать методы от своего родительского интерфейса, CSSNumericValue.

Мы создаём элемент со свойством width, заданным с помощью функции calc(), затем console.log() operator.

<div>has width</div>

Мы присваиваем width со вычислением

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

Мы добавляем 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 возвращает "sum" потому что styleMap.get("width").values[1].value ); — -20: добавление отрицательного числа.