Skip to content

Linked parameters feature - #4322

Draft
captainbrosset wants to merge 1 commit into
mainfrom
linked-params
Draft

Linked parameters feature#4322
captainbrosset wants to merge 1 commit into
mainfrom
linked-params

Conversation

@captainbrosset

Copy link
Copy Markdown
Contributor

Linked Parameters allow developers to pass CSS values to external SVG resources. This can be done in 3 ways:

img {
    link-parameters: param(--color, blue);
}
<img src="example.svg#:~:param(--color,blue)">
.icon {
  background-image: url("example.svg", param(--color, blue));
}

ChromeStatus: https://chromestatus.com/feature/5095153430822912
Spec: https://drafts.csswg.org/css-link-params/
WPT: https://wpt.fyi/results/svg/styling/css-linked-parameters?label=experimental&label=master&aligned

@github-actions github-actions Bot added the feature definition Creating or defining new features or groups of features. label Sep 4, 2026
@@ -0,0 +1,9 @@
ame: Linked parameters
description: The `link-parameters` CSS property, `param()` CSS function, and the `:~:param()` URL directive set CSS custom environment variables on an external resource, such as an external SVG image, allowing the external resource to adapt its presentation based on the values provided.

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@ddbeck for an early review of the description before I go further.

@jamesnw

jamesnw commented Sep 4, 2026

Copy link
Copy Markdown
Collaborator

Link or linked? I think it's link parameters on a linked resource. The spec name doesn't match the wording in the spec.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

feature definition Creating or defining new features or groups of features.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants