CSSImageValue

CSSImageValue 接口是 CSS Typed 对象模型 API 的一部分,它表示采用图像的属性的值,例如 background-imagelist-style-imageborder-image-source

CSSImageValue 对象表示一个涉及 URL 的 <image>,例如 url()image(),但不包括 linear-gradient()element()

CSSStyleValue CSSImageValue

实例属性

无。

实例方法

继承自 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
// get the element
const button = document.querySelector("button");

// Retrieve all computed styles with computedStyleMap()
const allComputedStyles = button.computedStyleMap();

// Return the CSSImageValue Example
console.log(allComputedStyles.get("background-image"));
console.log(allComputedStyles.get("background-image").toString());

规范

规范
CSS Typed OM 第 1 级
# imagevalue-objects

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅