link-parameters CSS property
Eingeschränkt verfügbar
Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.
Want more browser support for this feature? Tell us why.
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
/* single value */
link-parameters: param(--color, red);
/* multiple values */
link-parameters:
param(--color1, red),
param(--color2, blue),
param(--color3, green);
Werte
Formale Definition
| Anfangswert | none |
|---|---|
| Anwendbar auf | alle Elemente, ::before und ::after Pseudoelemente |
| Vererbt | Nein |
| Berechneter Wert | wie angegeben |
| Animationstyp | diskret |
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.
<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>
.updated {
link-parameters:
param(--color1, red),
param(--color2, tomato);
}
Spezifikationen
| Spezifikation |
|---|
| CSS Linked Parameters Module Level 1> # propdef-link-parameters> |