SVG-Attributreferenz
SVG-Elemente können durch Attribute modifiziert werden, die beeinflussen, wie das Element behandelt oder gerendert wird.
Unten finden Sie eine Liste aller verfügbaren Attribute in SVG, zusammen mit Links zu den Referenzdokumentationen, 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.
Bedingte Verarbeitungsattribute
Die bedingten Verarbeitungsattribute 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-Eigenschaftswerte auf einem Element mit einer Spezifität von 0, sodass andere Autorenstile in einem Stylesheet oder style-Attribut sie überschreiben können. Präsentationsattributwerte werden als CSS-Werte, nicht als Deklarationen geparst, sodass sie nicht !important enthalten können.
Die meisten Präsentationsattribute erben, wenn sie als CSS-Eigenschaften verwendet werden (zum Beispiel fill und stroke). Geometrieeigenschaften sind die wichtigste Ausnahme: Ihre CSS-Pendants erben nicht.
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 Dimensionen von SVG-Formen. In SVG 2 sind sie eine definierte Untergruppe der Präsentationsattribute, deren CSS-Pendants nicht erben.
Jede Geometrieeigenschaft gilt als Präsentationsattribut nur auf bestimmten Elementen. Zum Beispiel definiert r den Radius eines <circle>, hat aber keine Wirkung auf Elemente wie <rect>.
Die SVG-Geometrieeigenschaften sind:
Für die Anwendbarkeit auf einzelne Elemente siehe die Attributseite jeder Eigenschaft und die Liste auf der <g>-Elementseite.
Filterattribute
Animationsattribute
Ereignisattribute
Alle HTML- und SVG-Elemente unterstützen Ereignisbehandlerattribute, die im GlobalEventHandlers-Mischmodell definiert sind.
Obwohl Ereignisbehandlerattribute, wie onblur und onauxclick, auf alle Elemente angewendet werden können, haben sie möglicherweise keinen Effekt. Zum Beispiel kann das Attribut oncuechange auf jedes Element angewendet werden, ist aber nur für das <track>-Element relevant.
Ereignisbehandlerattribute werden nicht empfohlen, gelten als unsicher und können durch Content-Sicherheitsrichtlinien (CSP) blockiert werden. Verwenden Sie stattdessen den Ereignisnamen innerhalb einer addEventListener()-Methode.