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 Elternschnittstelle, CSSNumericValue, erben.
Instanzmethoden
Die Schnittstelle kann auch Methoden von ihrer Elternschnittstelle, CSSNumericValue, erben.
Beispiele
Wir erstellen ein Element mit einer width, die mit 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
Die CSSMathValue.operator gibt "sum" zurück, weil styleMap.get("width").values[1].value ); -20 ist: das Hinzufügen einer negativen Zahl.
Spezifikationen
| Specification |
|---|
| CSS Typed OM Level 1 # complex-numeric |
Browser-Kompatibilität
Loading…