Referenz zu SVG-Attributen
SVG-Elemente können mit Attributen modifiziert werden, die beeinflussen, wie das Element behandelt oder gerendert wird.
Nachfolgend finden Sie eine Liste aller in SVG verfügbaren Attribute sowie Links zur Referenzdokumentation, die Ihnen helfen, zu verstehen, 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.
Attribut für bedingte Verarbeitung
Die Attribute zur bedingten Verarbeitung steuern, ob die Elemente, auf denen sie gesetzt sind, verarbeitet werden.
XLink-Attribute
Die XLink-Attribute können Ressourcen referenzieren.
Präsentationsattribute
SVG-Präsentationsattribute sind SVG-Attribute, die auch als CSS-Eigenschaften auf SVG-Elementen verwendet werden können. Sie setzen CSS-Eigenschaften auf einem Element mit einer Spezifität von 0, sodass andere Autorenstile in einem Stylesheet oder das style-Attribut sie überschreiben können. Präsentationsattributwerte werden als CSS-Werte und nicht als Deklarationen analysiert, sodass sie kein !important enthalten können.
Die meisten Präsentationsattribute werden als CSS-Eigenschaften vererbt (zum Beispiel fill und stroke). Geometrieeigenschaften sind die Hauptausnahme: Ihre CSS-Gegenstücke werden nicht vererbt.
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-typeopacityoverflowpathLengthpointer-eventsrrxryshape-renderingstop-colorstop-opacitystrokestroke-dasharraystroke-dashoffsetstroke-linecapstroke-linejoinstroke-miterlimitstroke-opacitystroke-widthtext-anchortext-decorationtext-overflowtext-renderingtransformtransform-originunicode-bidivector-effectvisibilitywidthwhite-spaceword-spacingwriting-modexy
Geometrieeigenschaften
Geometrieeigenschaften beschreiben die Position und Abmessungen von SVG-Formen. In SVG 2 sind sie eine definierte Untermenge von Präsentationsattributen, deren CSS-Gegenstücke nicht vererbt werden.
Jede Geometrieeigenschaft gilt als Präsentationsattribut nur für bestimmte Elemente. Zum Beispiel definiert r den Radius eines <circle>, hat jedoch keine Wirkung auf Elemente wie <rect>.
Die SVG-Geometrieeigenschaften sind:
Für die Anwendbarkeit auf Elementebene siehe die Attributseite jeder Eigenschaft und die Liste auf der Seite des <g>-Elements.
Filterattribute
Animationsattribute
Ereignisattribute
Alle HTML- und SVG-Elemente unterstützen Ereignis-Handler-Attribute, die im GlobalEventHandlers-Mixin definiert sind.
Während Ereignis-Handler-Attribute wie onblur and onauxclick auf alle Elemente anwendbar sind, haben sie möglicherweise keine Wirkung. Zum Beispiel kann das oncuechange-Attribut auf jedes Element angewendet werden, ist jedoch nur relevant für das <track>-Element.
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.