color

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

Das color Attribut wird verwendet, um einen potenziellen indirekten Wert, currentcolor, für die Attribute fill, stroke, stop-color, flood-color und lighting-color bereitzustellen.

Hinweis: Als Präsentationsattribut kann color als CSS-Eigenschaft verwendet werden. Weitere Informationen finden Sie unter CSS color.

Als Präsentationsattribut kann es auf jedes Element angewendet werden, hat jedoch, wie oben erwähnt, keine direkte Wirkung auf SVG-Elemente.

Verwendungshinweise

Wert	`<color>` \| `inherit`
Standardwert	Abhängig vom Benutzeragenten
Animierbar	Ja

Beispiel

html,
body,
svg {
  height: 100%;
}

html

<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  <g color="green">
    <rect width="50" height="50" fill="currentcolor" />
    <circle
      r="25"
      cx="70"
      cy="70"
      stroke="currentcolor"
      fill="none"
      stroke-width="5" />
  </g>
</svg>

Spezifikationen

Specification
Scalable Vector Graphics (SVG) 2 # ColorProperty

Browser-Kompatibilität

BCD tables only load in the browser