Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.
SVG-Attribut-Referenz
SVG-Elemente können mit Hilfe von Attributen modifiziert werden, die beeinflussen, wie das Element behandelt oder gerendert wird.
Unten finden Sie eine Liste aller in SVG verfügbaren Attribute, zusammen mit Links zur Referenzdokumentation. Diese helfen Ihnen zu erfahren, 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 festgelegt sind, verarbeitet werden.
XLink-Attribute
Die XLink-Attribute können auf Ressourcen verweisen.
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 und nicht als Deklarationen geparst, sodass sie nicht !important enthalten können.
Die meisten Präsentationsattribute werden vererbt, wenn sie als CSS-Eigenschaften verwendet werden (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-typeopacityoverflowpointer-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 von Präsentationsattributen, deren CSS-Gegenstücke nicht vererben.
Jede Geometrieeigenschaft gilt als Präsentationsattribut nur auf bestimmten Elementen. Zum Beispiel definiert r den Radius eines <circle>, hat jedoch keine Wirkung auf Elemente wie <rect>.
Die SVG-Geometrieeigenschaften sind:
Für die Anwendbarkeit pro Element siehe die Attributseite jeder Eigenschaft und die Liste auf der Seite des <g>-Elements.
Filter-Attribute
Animationsattribute
Ereignisattribute
Alle HTML- und SVG-Elemente unterstützen Ereignishandler-Attribute, die im GlobalEventHandlers Mixin definiert sind.
Während Ereignishandler-Attribute, wie onblur und onauxclick, auf alle Elemente anwendbar sind, haben sie möglicherweise keine Wirkung. Zum Beispiel kann das oncuechange Attribut auf jedes Element angewendet werden, ist aber nur für das <track>-Element relevant.
Ereignishandler-Attribute werden nicht empfohlen, gelten als unsicher und können durch Content-Security-Policies (CSP) blockiert werden. Verwenden Sie stattdessen den Ereignisnamen innerhalb einer Methode addEventListener().