Web features explorer - Link parameters

The link-parameters CSS property, param() modifier for the url() CSS function, and the #:~:param(…) URL fragment set custom CSS environment variables on an external resource, such as an SVG image, allowing the external resource to adapt its presentation based on the variables.

Browser support

Chrome Not supported Bugs: 41482962
Chrome Android Not supported
Edge Not supported
Firefox Not supported
Firefox for Android Not supported
Safari Not supported
Safari on iOS Not supported

👍
34

Need this feature?
Leave a 👍 on the feedback issue
Don't forget to also leave a comment explaining your specific use case.

MDN documentation

Specifications

CSS Linked Parameters Module Level 1, from Cascading Style Sheets (CSS) Working Group (W3C).

Developer use cases

Apply styles (typically color) to SVG elements loaded via CSS. For example, an arrow affordance that adapts to the current color scheme.
Apply styles (typically color) to SVG elements loaded via CSS. For example, an arrow affordance that adapts to the current color scheme. [see original comment]
Create reusable and parametrized SVG images that could have a CSS-based API to adjust various parameters inside, not just colors.
Create reusable and parametrized SVG images that could have a CSS-based API to adjust various parameters inside, not just colors. [see original comment]
To have reusable SVG components that support multiple colour systems (not just monochrome, but duochrome or even [rendering modes similar to SF symbols](https://developer.apple.com/design/human-interface-guidelines/sf-symbols#Rendering-modes)), while also being performant, portable and easy to consume in different projects.
To have reusable SVG components that support multiple colour systems (not just monochrome, but duochrome or even [rendering modes similar to SF symbols](https://developer.apple.com/design/human-interface-guidelines/sf-symbols#Rendering-modes)), while also being performant, portable and easy to consume in different projects. [see original comment]

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