CSSMathValue: свойство operator

Ограниченная доступность

Это свойство не относится к Baseline, так как оно не работает в некоторых из наиболее широко используемых браузеров.

Чтение только свойство CSSMathValue.operator интерфейса CSSMathValue указывает оператор, который представляет текущий подтип. Например, если текущий подтип CSSMathValue — CSSMathSum, это свойство вернёт строку "sum".

Значение

A String.

Интерфейс	Значение
`CSSMathSum`	`"sum"`
`CSSMathProduct`	`"product"`
`CSSMathMin`	`"min"`
`CSSMathMax`	`"max"`
`CSSMathClamp`	`"clamp"`
`CSSMathNegate`	`"negate"`
`CSSMathInvert`	`"invert"`

Примеры

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

<div>My width has a <code>calc()</code> function</div>

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

div {
  width: calc(50% - 0.5vw);
}

Мы добавляем JavaScript

const styleMap = document.querySelector("div").computedStyleMap();

console.log(styleMap.get("width")); // CSSMathSum {values: CSSNumericArray, operator: "sum"}
console.log(styleMap.get("width").values); // CSSNumericArray {0: CSSUnitValue, 1: CSSMathNegate, length: 2}
console.log(styleMap.get("width").operator); // 'sum'
console.log(styleMap.get("width").values[1].operator); // 'negate'

CSSMathValue.operator возвращает sum для уравнения и negate для оператора на втором значении.

Спецификации

Спецификация
CSS Typed OM Уровень 1 # dom-cssmathvalue-operator

Совместимость с браузерами

	Рабочий стол					Мобильный
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`operator`	66	79	Нет	53	16.4	66	Нет	47	16.4	9.0	66

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/CSSMathValue/operator