CSSMathValue

Các giao diện dựa trên CSSMathValue

Dưới đây là danh sách các giao diện dựa trên giao diện CSSMathValue.

• CSSMathInvert
• CSSMathMax
• CSSMathMin
• CSSMathNegate
• CSSMathProduct
• CSSMathSum

Thuộc tính phiên bản

CSSMathValue.operator

Chỉ ra toán tử mà kiểu con hiện tại đại diện.

Phương thức tĩnh

Giao diện cũng có thể kế thừa phương thức từ giao diện cha, CSSNumericValue.

Phương thức phiên bản

Giao diện cũng có thể kế thừa phương thức từ giao diện cha, CSSNumericValue.

Ví dụ

Chúng ta tạo một phần tử với width được xác định bằng hàm calc(), sau đó dùng console.log() để ghi operator.

<div>has width</div>

Chúng ta gán width với phép tính

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

Chúng ta thêm JavaScript

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

CSSMathValue.operator trả về "sum" vì styleMap.get("width").values[1].value ); là -20: cộng với số âm.

Thông số kỹ thuật

Tương thích trình duyệt