color
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.
Das Attribut color wird verwendet, um für die Attribute fill, stroke, stop-color, flood-color und lighting-color einen potenziellen indirekten Wert, currentColor, bereitzustellen.
Hinweis:
Als Präsentationsattribut hat color auch eine entsprechende CSS-Eigenschaft: color. Wenn beide angegeben sind, hat die CSS-Eigenschaft Vorrang.
Technisch gesehen kann color auf jedes Element angewendet werden, hat aber keine direkte Auswirkung auf SVG-Elemente.
Beispiel
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>
Verwendungshinweise
| Wert |
<color>
| inherit
|
|---|---|
| Standardwert | Hängt vom User-Agent ab |
| Animierbar | Ja |
Spezifikationen
| Spezifikation |
|---|
| CSS Color Module Level 4 # the-color-property |
| Scalable Vector Graphics (SVG) 2 # ColorProperty |
Browser-Kompatibilität
Siehe auch
- CSS-Eigenschaft
color