CSSImageValue
CSSImageValue
接口是 CSS Typed 对象模型 API 的一部分,它表示采用图像的属性的值,例如 background-image
、list-style-image
或 border-image-source
。
CSSImageValue 对象表示一个涉及 URL 的 <image>
,例如 url()
或 image()
,但不包括 linear-gradient()
或 element()
。
实例属性
无。
实例方法
继承自 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 的浏览器中加载。