CSSMathValue
Eingeschränkt verfügbar
Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.
Das CSSMathValue-Interface des CSS Typed Object Model API ist eine Basisklasse für Klassen, die komplexe numerische Werte repräsentieren.
Schnittstellen basierend auf CSSMathValue
Im Folgenden ist eine Liste von Schnittstellen aufgeführt, die auf der CSSMathValue-Schnittstelle basieren.
Instanz-Eigenschaften
CSSMathValue.operator-
Gibt den Operator an, den der aktuelle Subtyp repräsentiert.
Statische Methoden
Das Interface kann auch Methoden von seinem Eltern-Interface, CSSNumericValue, erben.
Instanz-Methoden
Das Interface kann auch Methoden von seinem Eltern-Interface, 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
| Spezifikation |
|---|
| CSS Typed OM Level 1 # complex-numeric |