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
BCD tables only load in the browser