Web platform features explorer

The image() CSS function creates an image similar to url() but with additional functionality. It can create a solid color as an image, provide a fallback from an image URL to a solid color, or clip a sprite image using media fragments. Not to be confused with the Image() constructor.

Status

Limited availability

MDN documentation

`image()` CSS function

Specifications

CSS Images Module Level 4 (#image-notation), from Cascading Style Sheets (CSS) Working Group (W3C).

Browser support

Chrome ❌ See issues.chromium.org/issues/510426954
Chrome Android ❌
Edge ❌
Firefox ❌ Vendor position : unknown
Firefox for Android ❌ Vendor position : unknown
Safari ❌
Safari on iOS ❌

Web Platform Tests (WPT)

View the latest WPT test results for this feature

Developer votes

👍
10

Do you need this feature?
Let us know by leaving a 👍 reaction on the feedback issue. Don't forget to also leave a comment explaining your specific use case.

View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist