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

numOctaves

O

P

R

S

T

U

unicode-bidi

V

W

X

Y

Z

SVG attributes by category

Generic attributes

Core attributes
- id
- class
- style
- lang
- tabindex
- xml:lang
- xml:space
Conditional processing attributes

XLink attributes

Presentation attributes

Note: All SVG presentation attributes can be used as CSS properties.

Filters attributes

Filter primitive attributes: height, result, width, x, y
Transfer function attributes: type, tableValues, slope, intercept, amplitude, exponent, offset

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
Animation addition attributes: additive, accumulate

Event attributes

onabort
onactivate
onbegin
oncancel
oncanplay
oncanplaythrough
onchange
onclick
onclose
oncuechange
ondblclick
ondrag
ondragend
ondragenter
ondragleave
ondragover
ondragstart
ondrop
ondurationchange
onemptied
onend
onended
onerror
onerror
onfocus
onfocusin
onfocusout
oninput
oninvalid
onkeydown
onkeypress
onkeyup
onload
onloadeddata
onloadedmetadata
onloadstart
onmousedown
onmouseenter
onmouseleave
onmousemove
onmouseout
onmouseover
onmouseup
onmousewheel
onpause
onplay
onplaying
onprogress
onratechange
onrepeat
onreset
onresize
onresize
onscroll
onscroll
onseeked
onseeking
onselect
onshow
onstalled
onsubmit
onsuspend
ontimeupdate
ontoggle
onunload
onvolumechange
onwaiting