CSSImageValue - Web API | MDN
プロパティ
なし。
メソッド
CSSStyleValue からメソッドを継承しています。
例
次のような要素を作成します。
html
<button>Magic Wand</button>
バイナリーファイルを要求する背景画像など、いくつかの CSS を追加しています。
css
button {
display: inline-block;
min-height: 100px;
min-width: 100px;
background: no-repeat 5% center url(magicwand.png) aqua;
}
その要素のスタイルマップを取得します。そして、スタイルマップから background-image を取得し、文字列化します。
js
// 要素を取得
const button = document.querySelector("button");
// computedStyleMap()ですべての計算済みスタイルを取得
const allComputedStyles = button.computedStyleMap();
// CSSImageValue を返す例
console.log(allComputedStyles.get("background-image"));
console.log(allComputedStyles.get("background-image").toString());
仕様書
| Specification |
|---|
| CSS Typed OM Level 1 # imagevalue-objects |