link-parameters CSS property
Die link-parameters CSS Eigenschaft legt Werte für externe Ressourcen fest, wie etwa SVGs, deren Attribute mit der env() CSS-Funktion gesetzt wurden.
Syntax
css
/* single value */
link-parameters: param(--color, red);
/* multiple values */
link-parameters:
param(--color1, red),
param(--color2, blue),
param(--color3, green);
Werte
Formale Definition
Wert in der Datenbank nicht gefunden!Beispiel
>Aktualisieren der Farben einer externen SVG-Datei
In diesem Beispiel ist das ursprüngliche SVG, links, ein Quadrat mit einem stroke-Attribut, das mit env(--color1, chartreuse) gesetzt wurde, und einem fill-Attribut, das mit env(--color2, darkgreen) gesetzt wurde. Die link-parameters-Eigenschaft wird verwendet, um beide dieser Attribute auf dem aktualisierten Quadrat, rechts, mit mehreren param() CSS-Funktionen zu aktualisieren.
html
<div class="squares">
<img
class="original"
src="square.svg"
alt="A square with a chartreuse border and a dark green fill." />
<img
class="updated"
src="square.svg"
alt="A square with a red border and a tomato fill." />
</div>
css
.updated {
link-parameters:
param(--color1, red),
param(--color2, tomato);
}
Spezifikationen
| Spezifikation |
|---|
| CSS Linked Parameters Module Level 1> # propdef-link-parameters> |