- From: Christoph Päper via GitHub <noreply@w3.org>
- Date: Tue, 24 Mar 2026 08:20:08 +0000
- To: public-css-archive@w3.org
@SebastianZ In your last example, shouldn’t `param(…)` go inside the parentheses of `url()`?
<!--
~~~~
:root {
--root-color: green;
}
svg {
--graphic-color: lime;
}
img[src$=".svg"],
picture:has(img[src$=".svg"], ),
iframe[""],
object[""],
link[href$=".svg"] {
--image-color: olive;
link-parameters:
param(--icon-color, cyan),
param(--image-color, purple),
param(--graphic-color, maroon),
param(--root-color, red),
param(--missing-color, orange);
}
i.con {
--icon-color: blue;
}
i.con::before {
content: src("test.svg#param(--icon-color,purple)");
}
i.con[data-src]::before {
content: src(attr(data-src type(<url>)) "#param(--icon-color,purple)");
}
~~~~
~~~~ svg
<svg xmlns="" width="120" height="20">
<rect x="0" y="0" width="20" height="20"
fill="currentcolor"><title>current color</title></rect>
<rect x="0" y="0" width="20" height="20"
fill="env(--root-color, var(--root-color, black))"><title>root</title></rect>
<rect x="0" y="0" width="20" height="20"
fill="env(--graphic-color, var(--graphic-color, black))"><title>graphic</title></rect>
<rect x="0" y="0" width="20" height="20"
fill="env(--image-color, var(--image-color, black))"><title>image</title></rect>
<rect x="0" y="0" width="20" height="20"
fill="env(--icon-color, var(--icon-color, black))"><title>icon</title></rect>
<rect x="0" y="0" width="20" height="20"
fill="env(--missing-color, var(--missing-color, black))"><title>missing</title></rect>
</svg>
~~~~
-->
--
GitHub Notification of comment by Crissov
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/13667#issuecomment-4116253572 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Tuesday, 24 March 2026 08:20:09 UTC