← Back to release summary

CSS <image> Syntax for registered Custom Properties

Category

CSS

Type

Chromium catches up

Status

Enabled by default (Chrome 120)

Intent stage

None

Summary

Supports using the <image> syntax for custom properties registered with @property or registerProperty(). The <image> syntax can be used to restrict values of the custom property to url() values and generated images like gradients.

Standards & signals

• Specification: https://drafts.css-houdini.org/css-properties-values-api-1/#syntax-strings
• Firefox: Positive — Implementation behind a flag. Does not support interpolation.
• Safari: Shipped/Shipping — Does not support interpolation
• Web developers: No signals

View on chromestatus.com