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 repräsentieren.
Schnittstellen basierend auf CSSMathValue
Nachfolgend ist eine Liste von Schnittstellen basierend auf der CSSMathValue-Schnittstelle.
Instanz-Eigenschaften
CSSMathValue.operator-
Gibt den Operator an, den der aktuelle Subtyp repräsentiert.
Statische Methoden
Die Schnittstelle kann auch Methoden von ihrer Elternschnittstelle, CSSNumericValue, erben.
Instanz-Methoden
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(), um den operator zu loggen.
<div>has width</div>
Wir weisen ein 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: Das Hinzufügen einer negativen Zahl.
Spezifikationen
| Specification |
|---|
| CSS Typed OM Level 1 # complex-numeric |
Browser-Kompatibilität
Loading…