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

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

none

Es sind keine Link-Parameter angegeben.

param()

Eine Liste von einem oder mehreren Link-Parametern.

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

Browser-Kompatibilität

Siehe auch