SVG-Attributreferenz
SVG-Elemente können mithilfe von Attributen modifiziert werden, die Details darüber spezifizieren, wie genau das Element behandelt oder gerendert werden soll.
Unten finden Sie eine Liste aller in SVG verfügbaren Attribute sowie Links zur Referenzdokumentation, die Ihnen helfen, zu lernen, welche Elemente sie unterstützen und wie sie funktionieren.
SVG-Attribute von A bis Z
A
B
C
D
E
F
G
H
I
K
L
M
N
O
P
R
S
scaleseedshape-renderingsideslopespacingspecularConstantspecularExponentspreadMethodstartOffsetstdDeviationstitchTilesstop-colorstop-opacitystrokestroke-dasharraystroke-dashoffsetstroke-linecapstroke-linejoinstroke-miterlimitstroke-opacitystroke-widthstylesurfaceScalesystemLanguage
T
U
V
W
X
Y
Z
SVG-Attribute nach Kategorie
Kernattribute
Die Kernattribute sind globale Attribute.
Bedingte Verarbeitungsattribute
Die bedingten Verarbeitungsattribute steuern, ob das Element, zu dem sie gehören, verarbeitet wird oder nicht.
XLink-Attribute
Die XLink-Attribute können Ressourcen referenzieren.
xlink:hrefVeraltetxlink:typeVeraltetxlink:roleVeraltetxlink:arcroleVeraltetxlink:titleVeraltetxlink:showVeraltetxlink:actuateVeraltet
Präsentationsattribute
Alle SVG-Präsentationsattribute können als CSS-Eigenschaften verwendet werden.
Hinweis:
Ob diese Attribute Präsentationsattribute sind, hängt vom Element ab, auf dem sie festgelegt sind. Zum Beispiel ist x ein Präsentationsattribut für <circle>, aber nicht für <tspan>; es ist die Koordinate des Startpunkts der Textgrundlinie oder die x-Koordinate jedes einzelnen Zeichens, wenn eine Liste von Werten angegeben ist.
alignment-baselinebaseline-shiftclipclip-pathclip-rulecolorcolor-interpolationcolor-interpolation-filterscursorcxcyddirectiondisplaydominant-baselinefillfill-opacityfill-rulefilterflood-colorflood-opacityfont-familyfont-sizefont-size-adjustfont-stretchfont-stylefont-variantfont-weightfont-widthglyph-orientation-horizontalglyph-orientation-verticalheightimage-renderingletter-spacinglighting-colormarker-endmarker-midmarker-startmaskmask-typeopacityoverflowpointer-eventsrrxryshape-renderingstop-colorstop-opacitystrokestroke-dasharraystroke-dashoffsetstroke-linecapstroke-linejoinstroke-miterlimitstroke-opacitystroke-widthtext-anchortext-decorationtext-overflowtext-renderingtransformtransform-originunicode-bidivector-effectvisibilitywidthwhite-spaceword-spacingwriting-modexy
Filterattribute
Animationsattribute
Ereignisattribute
Alle HTML- und SVG-Elemente unterstützen Ereignis-Handler-Attribute, die im GlobalEventHandlers Mixin definiert sind.
Obwohl Ereignis-Handler-Attribute wie onblur und onauxclick auf alle Elemente angewendet werden können, haben sie möglicherweise keine Wirkung. Zum Beispiel kann das oncuechange Attribut auf jedes Element angewendet werden, ist jedoch nur für das <track>-Element relevant.
Ereignis-Handler-Attribute werden nicht empfohlen, gelten als unsicher und können durch Content Security Policies (CSP) blockiert werden. Verwenden Sie stattdessen den Ereignisnamen innerhalb einer addEventListener()-Methode.