StylePropertyMap.append()

Limited availability

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

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

append() は StylePropertyMap インターフェイスのメソッドで、渡された CSS の値をこの StylePropertyMap の指定されたプロパティで追加します。

構文

js
append(property, value)

引数

property

追加するスタイル特性（フォント、幅、背景色など）を示す識別子です。

value

指定されたプロパティが持つべき値です。

返値

なし (undefined)。

例

この例では、要素の background-image プロパティに、HTMLElement.attributeStyleMap を使用して追加の背景画像の値を追加しています。

js
// button 要素を取得
const buttonEl = document.querySelector("button");

// background-image プロパティに別の値を追加する
buttonEl.attributeStyleMap.append(
  "background-image",
  "linear-gradient(180deg, blue, black",
);

仕様書

Specification
CSS Typed OM Level 1
# dom-stylepropertymap-append

ブラウザーの互換性

BCD tables only load in the browser