Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

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

css
/* single value */
link-parameters: param(--color, red);

/* multiple values */
link-parameters:
  param(--color1, red),
  param(--color2, blue),
  param(--color3, green);

Werte

none

Es sind keine Link-Parameter angegeben.

param()

Eine Liste von einem oder mehreren Link-Parametern.

Formale Definition

Anfangswertnone
Anwendbar aufalle Elemente, ::before und ::after Pseudoelemente
VererbtNein
Berechneter Wertwie angegeben
Animationstypdiskret

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

Browser-Kompatibilität

Siehe auch