CSSImageValue

Want more browser support for this feature? Tell us why.

Experimental:

CSSImageValue CSS API background-image, list-style-image, border-image-source

CSSImageValue <image> URL 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

// 
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

CSSKeywordValue
CSSNumericValue
CSSPositionValue
CSSTransformValue
CSSUnparsedValue

MDN

MDN 2025118

GitHub

CSS API
CSSImageValue
1. CSSStyleValue
CSS Typed Object Model API
1. CSS