CSSNumericValue.mul()

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Experimental: これは実験的な機能です。
本番で使用する前にブラウザー互換性一覧表をチェックしてください。

mul() は CSSNumericValue インターフェイスのメソッドで、この CSSNumericValue に指定された値を乗算します。

構文

js
mul(number);

引数

number

数値または CSSNumericValue です。

返値

CSSMathProduct です。

例外

TypeError

無効な型がメソッドに渡された場合に発生します。

例

js
let mathSum = CSS.px("23")
  .mul(CSS.percent("4"))
  .mul(CSS.cm("3"))
  .mul(CSS.in("9"));
// Prints "calc(23px * 4% * 3cm * 9in)"
console.log(mathSum.toString());

仕様書

Specification
CSS Typed OM Level 1
# dom-cssnumericvalue-mul

ブラウザーの互換性

BCD tables only load in the browser