CSSNumericValue.add()

Limited availability

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

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

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

構文

js
add(number);

引数

number

数値または CSSNumericValue です。

返値

CSSMathSum です。

例外

TypeError

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

例

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

仕様書

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

ブラウザーの互換性

BCD tables only load in the browser