Intent to Prototype: CSS URL request modifiers

[Chromestatus]

Contact emails

j...@chromium.org

Specification

https://drafts.csswg.org/css-values-5/#request-url-modifiers

Summary

CSS url() functions accept optional request modifiers after the quoted URL string: cross-origin(), integrity(), and referrer-policy(). These modifiers control the fetch behavior of the referenced resource directly from CSS, without requiring changes to HTML markup or JavaScript. For example, background-image: url("image.png" cross-origin(anonymous)) fetches the image using CORS anonymous mode. This gives authors fine-grained control over cross-origin access, subresource integrity, and referrer policy for CSS-loaded resources including images, fonts, SVG references, and imported stylesheets.

Blink component

Blink>CSS

Web Feature ID

Missing feature

Motivation

Web developers currently have no way to control fetch parameters for CSS-loaded resources. CSS URL request modifiers close this gap by allowing fetch parameters to be specified inline in any url() value, bringing CSS resource loading to parity with HTML resource loading.

Initial public proposal

No information provided

Goals for experimentation

None

Requires code in //chrome?

False

Estimated milestones

No milestones specified

Link to entry on the Chrome Platform Status

https://chromestatus.com/feature/5111997147512832?gate=5167626973216768

This intent message was generated by Chrome Platform Status.