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.

CSSStyleValue CSSNumericValue CSSMathValue

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.

html
<div>has width</div>

Wir weisen ein width mit einer Berechnung zu

css
div {
  width: calc(30% - 20px);
}

Wir fügen das JavaScript hinzu

js
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