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

T

U

V

W

X

Y

Z

SVG attributes by category

Core attributes

The core attributes are global attributes.

Conditional processing attributes

The conditional processing attributes control whether or not the element on which it appears is processed.

The XLink attributes can reference resources.

Presentation attributes

All SVG presentation attributes can be used as CSS properties.

Note: Whether these attributes are presentation attributes depends on the element on which they are set. For example, x is a presentation attribute for unsupported templ: svgelem, but not for unsupported templ: svgelem; it's the coordinate of the starting point of the text baseline, or the x coordinate of each individual glyph if a list of values is provided.

Filters attributes

Filter primitive attributes (presentation 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

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
  • 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
  • onscroll
  • onseeked
  • onseeking
  • onselect
  • onshow
  • onstalled
  • onsubmit
  • onsuspend
  • ontimeupdate
  • ontoggle
  • onunload
  • onvolumechange
  • onwaiting

See also