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

* `accent-height`
* `accumulate`
* `additive`
* `alignment-baseline`
* `alphabetic`
* `amplitude`
* `arabic-form`
* `ascent`
* `attributeName`
* `attributeType`
* `azimuth`
### B

* `baseFrequency`
* `baseline-shift`
* `baseProfile`
* `bbox`
* `begin`
* `bias`
* `by`
### C

* `calcMode`
* `cap-height`
* `class`
* `clip`
* `clipPathUnits`
* `clip-path`
* `clip-rule`
* `color`
* `color-interpolation`
* `color-interpolation-filters`
* `color-profile`
* `color-rendering`
* `crossorigin`
* `cursor`
* `cx`
* `cy`
### D

* `d`
* `decelerate`
* `descent`
* `diffuseConstant`
* `direction`
* `display`
* `divisor`
* `dominant-baseline`
* `dur`
* `dx`
* `dy`
### E

* `edgeMode`
* `elevation`
* `enable-background`
* `end`
* `exponent`
### F

* `fill`
* `fill-opacity`
* `fill-rule`
* `filter`
* `filterUnits`
* `flood-color`
* `flood-opacity`
* `font-family`
* `font-size`
* `font-size-adjust`
* `font-stretch`
* `font-style`
* `font-variant`
* `font-weight`
* `format`
* `from`
* `fr`
* `fx`
* `fy`
### G

* `g1`
* `g2`
* `glyph-name`
* `glyph-orientation-horizontal`
* `glyph-orientation-vertical`
* `glyphRef`
* `gradientTransform`
* `gradientUnits`
### H

* `hanging`
* `height`
* `href`
* `hreflang`
* `horiz-adv-x`
* `horiz-origin-x`
### I

* `id`
* `ideographic`
* `image-rendering`
* `in`
* `in2`
* `intercept`
### K

* `k`
* `k1`
* `k2`
* `k3`
* `k4`
* `kernelMatrix`
* `kernelUnitLength`
* `kerning`
* `keyPoints`
* `keySplines`
* `keyTimes`
### L

* `lang`
* `lengthAdjust`
* `letter-spacing`
* `lighting-color`
* `limitingConeAngle`
* `local`
### M

* `marker-end`
* `marker-mid`
* `marker-start`
* `markerHeight`
* `markerUnits`
* `markerWidth`
* `mask`
* `maskContentUnits`
* `maskUnits`
* `mathematical`
* `max`
* `media`
* `method`
* `min`
* `mode`
### N

* `name`
* `numOctaves`
### O

* `offset`
* `opacity`
* `operator`
* `order`
* `orient`
* `orientation`
* `origin`
* `overflow`
* `overline-position`
* `overline-thickness`
### P

* `panose-1`
* `paint-order`
* `path`
* `pathLength`
* `patternContentUnits`
* `patternTransform`
* `patternUnits`
* `ping`
* `pointer-events`
* `points`
* `pointsAtX`
* `pointsAtY`
* `pointsAtZ`
* `preserveAlpha`
* `preserveAspectRatio`
* `primitiveUnits`
### R

* `r`
* `radius`
* `referrerPolicy`
* `refX`
* `refY`
* `rel`
* `rendering-intent`
* `repeatCount`
* `repeatDur`
* `requiredExtensions`
* `requiredFeatures`
* `restart`
* `result`
* `rotate`
* `rx`
* `ry`
### 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

* `tabindex`
* `tableValues`
* `target`
* `targetX`
* `targetY`
* `text-anchor`
* `text-decoration`
* `text-rendering`
* `textLength`
* `to`
* `transform`
* `transform-origin`
* `type`
### U

* `u1`
* `u2`
* `underline-position`
* `underline-thickness`
* `unicode`
* `unicode-bidi`
* `unicode-range`
* `units-per-em`
### V

* `v-alphabetic`
* `v-hanging`
* `v-ideographic`
* `v-mathematical`
* `values`
* `vector-effect`
* `version`
* `vert-adv-y`
* `vert-origin-x`
* `vert-origin-y`
* `viewBox`
* `visibility`
### W

* `width`
* `widths`
* `word-spacing`
* `writing-mode`
### X

* `x`
* `x-height`
* `x1`
* `x2`
* `xChannelSelector`
* `xlink:actuate`
* `xlink:arcrole`
* `xlink:href`
Deprecated
* `xlink:role`
* `xlink:show`
* `xlink:title`
* `xlink:type`
* `xml:base`
* `xml:lang`
* `xml:space`
### Y

* `y`
* `y1`
* `y2`
* `yChannelSelector`
### Z

* `z`
* `zoomAndPan`
SVG attributes by category
--------------------------

### Generic attributes

Core attributes

Core attributes

`id`, `lang`, `tabindex`, `xml:base`, `xml:lang`, `xml:space`

Style attributes

Style attributes

`class`, `style`

Conditional processing attributes

`requiredExtensions`, `requiredFeatures`, `systemLanguage`.

### XLink attributes

`xlink:href`
Deprecated
 , `xlink:type`, `xlink:role`, `xlink:arcrole`, `xlink:title`, `xlink:show`, `xlink:actuate`### 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

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`, `accelerate`, `decelerate`
Animation addition attributes
`additive`, `accumulate`
### Event attributes

Animation event attributes

Animation event attributes

**`onbegin`**, **`onend`**, **`onrepeat`**

Document event attributes

Document event attributes

**`onabort`**, **`onerror`**, **`onresize`**, **`onscroll`**, **`onunload`**

Global event attributes

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

Graphical event attributes

**`onactivate`**, **`onfocusin`**, **`onfocusout`**

See also
--------

* SVG element reference
* SVG Tutorial
* SVG interface reference