CSSMathValue
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Die CSSMathValue Schnittstelle der CSS Typed Object Model API ist eine Basisklasse für Klassen, die komplexe numerische Werte darstellen.
Schnittstellen basierend auf CSSMathValue
Unten finden Sie eine Liste von Schnittstellen, die auf der CSSMathValue-Schnittstelle basieren.
Instanz-Eigenschaften
CSSMathValue.operator-
Gibt den Operator an, den der aktuelle Subtyp darstellt.
Statische Methoden
Die Schnittstelle kann auch Methoden von ihrer übergeordneten Schnittstelle, CSSNumericValue, erben.
Instanz-Methoden
Die Schnittstelle kann auch Methoden von ihrer übergeordneten Schnittstelle, CSSNumericValue, erben.
Beispiele
Wir erstellen ein Element mit einer width, die mit einer calc() Funktion bestimmt wird, und verwenden dann console.log(), um den operator auszugeben.
<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: ein negatives Zahl wird addiert.
Spezifikationen
| Specification |
|---|
| CSS Typed OM Level 1 # complex-numeric |
Browser-Kompatibilität
Loading…