CSSMathValue
Eingeschränkt verfügbar
Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.
Want more browser support for this feature? Tell us why.
Hinweis: Diese Funktion ist in Web Workers verfügbar.
Das CSSMathValue-Interface der CSS Typed Object Model-API ist eine Basisklasse für Klassen, die komplexe numerische Werte darstellen.
Instanz-Eigenschaften
CSSMathValue.operator-
Gibt den Operator an, den der aktuelle Subtyp darstellt.
Statische Methoden
Erbt auch Methoden von seinem Eltern-Interface, CSSNumericValue.
Instanz-Methoden
Erbt auch Methoden von seinem Eltern-Interface, CSSNumericValue.
Schnittstellen basierend auf CSSMathValue
Beispiele
Wir erstellen ein Element mit einer width, die mithilfe einer calc()-Funktion bestimmt wird, und verwenden dann console.log() für den operator.
<div>has width</div>
Wir weisen eine width mit einer Berechnung zu
div {
width: calc(30% - 20px);
}
Wir fügen das JavaScript hinzu
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
Der CSSMathValue.operator gibt "sum" zurück, weil styleMap.get("width").values[1].value ); -20 ist: Hinzufügen einer negativen Zahl.
Spezifikationen
| Spezifikation |
|---|
| CSS Typed OM Level 1 # complex-numeric |