CSSMathValue: operator-Eigenschaft
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Die schreibgeschützte Eigenschaft CSSMathValue.operator des CSSMathValue-Interfaces gibt den Operator an, den der aktuelle Subtyp darstellt. Zum Beispiel, wenn der aktuelle CSSMathValue-Subtyp CSSMathSum ist, wird diese Eigenschaft den String "sum" zurückgeben.
Wert
Ein String.
| Interface | Wert |
|---|---|
CSSMathSum |
"sum" |
CSSMathProduct |
"product" |
CSSMathMin |
"min" |
CSSMathMax |
"max" |
CSSMathClamp |
"clamp" |
CSSMathNegate |
"negate" |
CSSMathInvert |
"invert" |
Beispiele
Wir erstellen ein Element mit einer width, die durch eine calc()-Funktion bestimmt wird, und verwenden dann console.log(), um den operator auszugeben.
html
<div>My width has a <code>calc()</code> function</div>
Wir weisen eine width mit einer Berechnung zu.
css
div {
width: calc(50% - 0.5vw);
}
Wir fügen das JavaScript hinzu.
js
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'
Die CSSMathValue.operator-Eigenschaft gibt sum für die Gleichung und negate für den Operator auf dem zweiten Wert zurück.
Spezifikationen
| Specification |
|---|
| CSS Typed OM Level 1 # dom-cssmathvalue-operator |
Browser-Kompatibilität
Loading…