此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。
CSSImageValue
有限可用
CSS 类型对象模型 API 的 CSSImageValue 接口表示取用图像的属性(例如 background-image、list-style-image 或 border-image-source)的值。
CSSImageValue 对象表示涉及 URL(如 url() 或 image(),但不包括 linear-gradient() 或 element())的 <image>。
实例属性
无。
实例方法
继承 CSSStyleValue 的方法。
示例
创建元素
html
<button>魔杖</button>
我们添加了一些 CSS,包括请求二进制文件的背景图片:
css
button {
display: inline-block;
min-height: 100px;
min-width: 100px;
background: no-repeat 5% center url(magic-wand.png) aqua;
}
我们获取元素的样式映射。然后,我们从样式映射中获取(get())背景图片(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());
[フレーム]
规范
| 规范 |
|---|
| CSS Typed OM Level 1 # imagevalue-objects |
浏览器兼容性
启用 JavaScript 以查看此浏览器兼容性表。