SVG Attribute reference
SVG Elements
- A
- B-C
- D
- E
- F
<feBlend>
<feColorMatrix>
<feComponentTransfer>
<feComposite>
<feConvolveMatrix>
<feDiffuseLighting>
<feDisplacementMap>
<feDistantLight>
<feFlood>
<feFuncA>
<feFuncB>
<feFuncG>
<feFuncR>
<feGaussianBlur>
<feImage>
<feMerge>
<feMergeNode>
<feMorphology>
<feOffset>
<fePointLight>
<feSpecularLighting>
<feSpotLight>
<feTile>
<feTurbulence>
<filter>
<font>
<font-face>
<font-face-format>
<font-face-name>
<font-face-src>
<font-face-uri>
<foreignObject>
- G
- H
- I
- J-L
- M
- N-P
- Q-R
- S
- T
- U
- V-Z
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
scale
seed
shape-rendering
slope
spacing
specularConstant
specularExponent
speed
spreadMethod
startOffset
stdDeviation
stemh
stemv
stitchTiles
stop-color
stop-opacity
strikethrough-position
strikethrough-thickness
string
stroke
stroke-dasharray
stroke-dashoffset
stroke-linecap
stroke-linejoin
stroke-miterlimit
stroke-opacity
stroke-width
style
surfaceScale
systemLanguage
T
U
V
W
X
Y
Z
SVG attributes by category
Generic attributes
XLink attributes
Presentation attributes
Note: All SVG presentation attributes can be used as CSS properties.
alignment-baseline
, baseline-shift
, clip
, clip-path
, clip-rule
, color
, color-interpolation
, color-interpolation-filters
, color-profile
, color-rendering
, cursor
, direction
, display
, dominant-baseline
, enable-background
, fill
, fill-opacity
, fill-rule
, filter
, flood-color
, flood-opacity
, font-family
, font-size
, font-size-adjust
, font-stretch
, font-style
, font-variant
, font-weight
, glyph-orientation-horizontal
, glyph-orientation-vertical
, image-rendering
, kerning
, letter-spacing
, lighting-color
, marker-end
, marker-mid
, marker-start
, mask
, opacity
, overflow
, pointer-events
, shape-rendering
, stop-color
, stop-opacity
, stroke
, stroke-dasharray
, stroke-dashoffset
, stroke-linecap
, stroke-linejoin
, stroke-miterlimit
, stroke-opacity
, stroke-width
, text-anchor
, text-decoration
, text-rendering
, transform
, transform-origin
, unicode-bidi
, vector-effect
, visibility
, word-spacing
, writing-mode
Filters attributes
Animation attributes
- Animation target element attributes
href
- Animation attribute target attributes
attributeType
,attributeName
- 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
additive
,accumulate
Event attributes
- Animation event attributes
-
onbegin
,onend
,onrepeat
- Document event attributes
-
onabort
,onerror
,onresize
,onscroll
,onunload
- Global event attributes
-
oncancel
,oncanplay
,oncanplaythrough
,onchange
,onclick
,onclose
,oncuechange
,ondblclick
,ondrag
,ondragend
,ondragenter
,ondragleave
,ondragover
,ondragstart
,ondrop
,ondurationchange
,onemptied
,onended
,onerror
,onfocus
,oninput
,oninvalid
,onkeydown
,onkeypress
,onkeyup
,onload
,onloadeddata
,onloadedmetadata
,onloadstart
,onmousedown
,onmouseenter
,onmouseleave
,onmousemove
,onmouseout
,onmouseover
,onmouseup
,onmousewheel
,onpause
,onplay
,onplaying
,onprogress
,onratechange
,onreset
,onresize
,onscroll
,onseeked
,onseeking
,onselect
,onshow
,onstalled
,onsubmit
,onsuspend
,ontimeupdate
,ontoggle
,onvolumechange
,onwaiting
- Graphical event attributes
-
onactivate
,onfocusin
,onfocusout