SVG Attribute reference
SVG elements can be modified using attributes that specify details about exactly how the element should be handled or rendered.
Below is a list of all of the attributes available in SVG along with links to reference documentation to help you learn which elements support them and how they work.
SVG attributes A to Z
A
B
C
D
E
F
G
H
I
K
L
M
N
O
P
R
S
scaleseedshape-renderingsideslopespacingspecularConstantspecularExponentspeedspreadMethodstartOffsetstdDeviationstemhstemvstitchTilesstop-colorstop-opacitystrikethrough-positionstrikethrough-thicknessstringstrokestroke-dasharraystroke-dashoffsetstroke-linecapstroke-linejoinstroke-miterlimitstroke-opacitystroke-widthstylesurfaceScalesystemLanguage
T
U
V
W
X
Y
Z
SVG attributes by category
Generic attributes
-
Core attributes
-
Conditional processing attributes
XLink attributes
Presentation attributes
Note: All SVG presentation attributes can be used as CSS properties.
alignment-baselinebaseline-shiftclipclip-pathclip-rulecolorcolor-interpolationcolor-interpolation-filterscolor-renderingcursorddirectiondisplaydominant-baselinefillfill-opacityfill-rulefilterflood-colorflood-opacityfont-familyfont-sizefont-size-adjustfont-stretchfont-stylefont-variantfont-weightglyph-orientation-horizontalglyph-orientation-verticalimage-renderingletter-spacinglighting-colormarker-endmarker-midmarker-startmaskopacityoverflowpointer-eventsshape-renderingstop-colorstop-opacitystrokestroke-dasharraystroke-dashoffsetstroke-linecapstroke-linejoinstroke-miterlimitstroke-opacitystroke-widthtext-anchortext-decorationtext-renderingtransformtransform-originunicode-bidivector-effectvisibilityword-spacingwriting-mode
Filters attributes
Animation attributes
- Animation target element attributes
href- Animation attribute target attributes
- Animation timing attributes
-
begin,dur,end,min,max,restart,repeatCount,repeatDur,fill - Animation value attributes
-
calcMode,values,keyTimes,keySplines,from,to,by,autoReverse,accelerate,decelerate - Animation addition attributes
Event attributes
onabortonactivateonbeginoncanceloncanplayoncanplaythroughonchangeonclickoncloseoncuechangeondblclickondragondragendondragenterondragleaveondragoverondragstartondropondurationchangeonemptiedonendonendedonerroronerroronfocusonfocusinonfocusoutoninputoninvalidonkeydownonkeypressonkeyuponloadonloadeddataonloadedmetadataonloadstartonmousedownonmouseenteronmouseleaveonmousemoveonmouseoutonmouseoveronmouseuponmousewheelonpauseonplayonplayingonprogressonratechangeonrepeatonresetonresizeonresizeonscrollonscrollonseekedonseekingonselectonshowonstalledonsubmitonsuspendontimeupdateontoggleonunloadonvolumechangeonwaiting