link-parameters CSS property
Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.
Die link-parameters CSS Eigenschaft setzt Werte für externe Ressourcen, wie z.B. SVGs, deren Attribute mit der env() CSS-Funktion festgelegt 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 die ursprüngliche SVG links ein Quadrat mit dem stroke-Attribut, das mit env(--color1, chartreuse) gesetzt ist, und dem fill-Attribut, das mit env(--color2, darkgreen) gesetzt ist. Die Eigenschaft link-parameters wird verwendet, um beide dieser Attribute im 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> |