SVG Attribute reference

1. SVG 元素

   1. A
      1. <a>
      2. <altGlyph>
      3. <altGlyphDef>
      4. <altGlyphItem>
      5. <animate>
      6. <animateColor>
      7. <animateMotion>
      8. <animateTransform>
   2. B-C
      1. <circle>
      2. <clipPath>
      3. <color-profile>
      4. <cursor>
   3. D
      1. <defs>
      2. <desc>
   4. E
      1. <ellipse>
   5. F
      1. <feBlend>
      2. <feColorMatrix>
      3. <feComponentTransfer>
      4. <feComposite>
      5. <feConvolveMatrix>
      6. <feDiffuseLighting>
      7. <feDisplacementMap>
      8. <feDistantLight>
      9. <feFlood>
      10. <feFuncA>
      11. <feFuncB>
      12. <feFuncG>
      13. <feFuncR>
      14. <feGaussianBlur>
      15. <feImage>
      16. <feMerge>
      17. <feMergeNode>
      18. <feMorphology>
      19. <feOffset>
      20. <fePointLight>
      21. <feSpecularLighting>
      22. <feSpotLight>
      23. <feTile>
      24. <feTurbulence>
      25. <filter>
      26. <font>
      27. <font-face>
      28. <font-face-format>
      29. <font-face-name>
      30. <font-face-src>
      31. <font-face-uri>
      32. <foreignObject>
   6. G
      1. <g>
      2. <glyph>
      3. <glyphRef>
   7. H
      1. <hkern>
   8. I
      1. <image>
   9. J-L
      1. <line>
      2. <linearGradient>
   10. M
       1. <marker>
       2. <mask>
       3. <metadata>
       4. <missing-glyph>
       5. <mpath>
   11. N-P
       1. <path>
       2. <pattern>
       3. <polygon>
       4. <polyline>
   12. Q-R
       1. <radialGradient>
       2. <rect>
   13. S
       1. <script>
       2. <set>
       3. <stop>
       4. <style>
       5. <svg>
       6. <switch>
       7. <symbol>
   14. T
       1. <text>
       2. <textPath>
       3. <title>
       4. <tref>
       5. <tspan>
   15. U
       1. <use>
   16. V-Z
       1. <view>
       2. <vkern>

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
• contentScriptType
• contentStyleType
• 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
• filterRes
• 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
• viewTarget
• visibility

W

• width
• widths
• word-spacing
• writing-mode

X

• x
• x-height
• x1
• x2
• xChannelSelector
• xlink:actuate
• xlink:arcrole
• xlink:href
• 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

Presentation attributes

注意： 所有 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 , 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

另请参阅

• SVG 元素参考
• SVG 教程
• SVG interface reference

Found a problem with this page?

• Edit on GitHub
• Source on GitHub
• Report a problem with this content on GitHub
• Want to fix the problem yourself? See our Contribution guide .

最后修改： Sep 23, 2021 , 由 MDN 贡献者