SVG 2 – 28 August 2012 TopContentsPreviousNextElementsAttributesProperties

Appendix J: Attribute Index

Contents

This appendix is informative, not normative.

J.1. Regular attributes

The following table lists all of the attributes defined in the SVG language, except for the presentation attributes, which are treated in the Presentation attributes section below. For each attribute, the elements on which the attribute may be specified is also given.

AttributeElements on which the attribute may be specifiedAnim.
accent-heightfont-face
accumulateanimate, animateColor, animateMotion, animateTransform
additiveanimate, animateColor, animateMotion, animateTransform
alphabeticfont-face
amountfeUnsharpMask
amplitudefeFuncA, feFuncB, feFuncG, feFuncR
arabic-formglyph
ascentfont-face
attributeNameanimate, animateColor, animateTransform, set
attributeTypeanimate, animateColor, animateTransform, set
azimuthfeDistantLight
baseFrequencyfeTurbulence
baseProfilesvg
bboxfont-face
beginanimate, animateColor, animateMotion, animateTransform, set
begindiscard
biasfeConvolveMatrix
byanimate, animateColor, animateMotion, animateTransform
calcModeanimate, animateColor, animateMotion, animateTransform
cap-heightfont-face
classa, altGlyph, circle, clipPath, defs, desc, ellipse, feBlend, feColorMatrix, feComponentTransfer, feComposite, feConvolveMatrix, feCustom, feDiffuseLighting, feDisplacementMap, feDropShadow, feFlood, feGaussianBlur, feImage, feMerge, feMorphology, feOffset, feSpecularLighting, feTile, feTurbulence, feUnsharpMask, filter, font, foreignObject, g, glyph, glyphRef, image, line, linearGradient, marker, mask, meshGradient, meshPatch, meshRow, missing-glyph, path, pattern, polygon, polyline, radialGradient, rect, solidColor, stop, svg, switch, symbol, text, textPath, title, tref, tspan, use
clipPathUnitsclipPath
cxcircle
cxellipse
cxradialGradient
cycircle
cyellipse
cyradialGradient
dglyph, missing-glyph
dpath
descentfont-face
diffuseConstantfeDiffuseLighting
divisorfeConvolveMatrix
duranimate, animateColor, animateMotion, animateTransform, set
dxaltGlyph
dxfeDropShadow
dxfeOffset
dxglyphRef
dxtext
dxtref, tspan
dyaltGlyph
dyfeDropShadow
dyfeOffset
dyglyphRef
dytext
dytref, tspan
edgeModefeConvolveMatrix
elevationfeDistantLight
endanimate, animateColor, animateMotion, animateTransform, set
exponentfeFuncA, feFuncB, feFuncG, feFuncR
fillanimate, animateColor, animateMotion, animateTransform, set
filterResfilter
filterUnitsfilter
font-familyfont-face
font-sizefont-face
font-stretchfont-face
font-stylefont-face
font-variantfont-face
font-weightfont-face
formataltGlyph
formatglyphRef
frradialGradient
fragmentShaderfeCustom
fromanimate, animateColor, animateMotion, animateTransform
fxradialGradient
fyradialGradient
g1hkern, vkern
g2hkern, vkern
glyph-nameglyph
glyphRefaltGlyph
glyphRefglyphRef
gradientTransformlinearGradient
gradientTransformmeshGradient
gradientTransformradialGradient
gradientUnitslinearGradient
gradientUnitsmeshGradient
gradientUnitsradialGradient
hangingfont-face
heightfeBlend, feColorMatrix, feComponentTransfer, feComposite, feConvolveMatrix, feCustom, feDiffuseLighting, feDisplacementMap, feDropShadow, feFlood, feGaussianBlur, feImage, feMerge, feMorphology, feOffset, feSpecularLighting, feTile, feTurbulence, feUnsharpMask
heightfilter
heightforeignObject
heightimage
heightmask
heightpattern
heightrect
heightsvg
heightuse
horiz-adv-xfont
horiz-adv-xglyph, missing-glyph
horiz-origin-xfont
horiz-origin-yfont
hrefdiscard
hrefmarker
ida, altGlyph, altGlyphDef, altGlyphItem, animate, animateColor, animateMotion, animateTransform, circle, clipPath, color-profile, cursor, defs, desc, discard, ellipse, feBlend, feColorMatrix, feComponentTransfer, feComposite, feConvolveMatrix, feCustom, feDiffuseLighting, feDisplacementMap, feDistantLight, feDropShadow, feFlood, feFuncA, feFuncB, feFuncG, feFuncR, feGaussianBlur, feImage, feMerge, feMergeNode, feMorphology, feOffset, fePointLight, feSpecularLighting, feSpotLight, feTile, feTurbulence, feUnsharpMask, filter, font, font-face, font-face-format, font-face-name, font-face-src, font-face-uri, foreignObject, g, glyph, glyphRef, hkern, image, line, linearGradient, marker, mask, meshGradient, meshPatch, meshRow, metadata, missing-glyph, mpath, path, pattern, polygon, polyline, radialGradient, rect, script, set, solidColor, stop, style, svg, switch, symbol, text, textPath, title, tref, tspan, use, view, vkern
ideographicfont-face
infeBlend, feColorMatrix, feComponentTransfer, feComposite, feConvolveMatrix, feCustom, feDiffuseLighting, feDisplacementMap, feDropShadow, feGaussianBlur, feMorphology, feOffset, feSpecularLighting, feTile, feUnsharpMask
in2feBlend
in2feComposite
in2feDisplacementMap
interceptfeFuncA, feFuncB, feFuncG, feFuncR
khkern, vkern
k1feComposite
k2feComposite
k3feComposite
k4feComposite
kernelMatrixfeConvolveMatrix
kernelUnitLengthfeConvolveMatrix
kernelUnitLengthfeDiffuseLighting
kernelUnitLengthfeSpecularLighting
keyPointsanimateMotion
keySplinesanimate, animateColor, animateMotion, animateTransform
keyTimesanimate, animateColor, animateMotion, animateTransform
langglyph
lengthAdjusttext, textPath, tref, tspan
limitingConeAnglefeSpotLight
localcolor-profile
markerHeightmarker
markerUnitsmarker
markerWidthmarker
maskContentUnitsmask
maskTypemask
maskUnitsmask
mathematicalfont-face
maxanimate, animateColor, animateMotion, animateTransform, set
mediastyle
methodtextPath
minanimate, animateColor, animateMotion, animateTransform, set
modefeBlend
namecolor-profile
namefont-face-name
numOctavesfeTurbulence
offsetfeFuncA, feFuncB, feFuncG, feFuncR
offsetstop
onabortsvg
onactivatea, altGlyph, circle, defs, ellipse, foreignObject, g, image, line, path, polygon, polyline, rect, svg, switch, symbol, text, textPath, tref, tspan, use
onbeginanimate, animateColor, animateMotion, animateTransform, set
onclicka, altGlyph, circle, defs, ellipse, foreignObject, g, image, line, path, polygon, polyline, rect, svg, switch, symbol, text, textPath, tref, tspan, use
onendanimate, animateColor, animateMotion, animateTransform, set
onerrorsvg
onfocusina, altGlyph, circle, defs, ellipse, foreignObject, g, image, line, path, polygon, polyline, rect, svg, switch, symbol, text, textPath, tref, tspan, use
onfocusouta, altGlyph, circle, defs, ellipse, foreignObject, g, image, line, path, polygon, polyline, rect, svg, switch, symbol, text, textPath, tref, tspan, use
onloada, altGlyph, circle, defs, ellipse, foreignObject, g, image, line, path, polygon, polyline, rect, svg, switch, symbol, text, textPath, tref, tspan, use
onloadanimate, animateColor, animateMotion, animateTransform, set
onmousedowna, altGlyph, circle, defs, ellipse, foreignObject, g, image, line, path, polygon, polyline, rect, svg, switch, symbol, text, textPath, tref, tspan, use
onmousemovea, altGlyph, circle, defs, ellipse, foreignObject, g, image, line, path, polygon, polyline, rect, svg, switch, symbol, text, textPath, tref, tspan, use
onmouseouta, altGlyph, circle, defs, ellipse, foreignObject, g, image, line, path, polygon, polyline, rect, svg, switch, symbol, text, textPath, tref, tspan, use
onmouseovera, altGlyph, circle, defs, ellipse, foreignObject, g, image, line, path, polygon, polyline, rect, svg, switch, symbol, text, textPath, tref, tspan, use
onmouseupa, altGlyph, circle, defs, ellipse, foreignObject, g, image, line, path, polygon, polyline, rect, svg, switch, symbol, text, textPath, tref, tspan, use
onrepeatanimate, animateColor, animateMotion, animateTransform, set
onresizesvg
onscrollsvg
onunloadsvg
onzoomsvg
operatorfeComposite
operatorfeMorphology
orderfeConvolveMatrix
orientmarker
orientationglyph
originanimateMotion
overline-positionfont-face
overline-thicknessfont-face
panose-1font-face
paramsfeCustom
pathanimateMotion
pathstop
pathLengthpath
patternContentUnitspattern
patternTransformpattern
patternUnitspattern
playbackOrdersvg
pointspolygon
pointspolyline
pointsAtXfeSpotLight
pointsAtYfeSpotLight
pointsAtZfeSpotLight
positionmarker
preserveAlphafeConvolveMatrix
preserveAspectRatiofeImage, image, marker, pattern, svg, symbol, view
primitiveUnitsfilter
rcircle
rradialGradient
radiusfeMorphology
refXmarker
refYmarker
rendering-intentcolor-profile
repeatCountanimate, animateColor, animateMotion, animateTransform, set
repeatDuranimate, animateColor, animateMotion, animateTransform, set
requiredExtensionsa, altGlyph, animate, animateColor, animateMotion, animateTransform, circle, clipPath, cursor, defs, discard, ellipse, foreignObject, g, image, line, mask, path, pattern, polygon, polyline, rect, set, svg, switch, text, textPath, tref, tspan, use
requiredFeaturesa, altGlyph, animate, animateColor, animateMotion, animateTransform, circle, clipPath, cursor, defs, discard, ellipse, foreignObject, g, image, line, mask, path, pattern, polygon, polyline, rect, set, svg, switch, text, textPath, tref, tspan, use
restartanimate, animateColor, animateMotion, animateTransform, set
resultfeBlend, feColorMatrix, feComponentTransfer, feComposite, feConvolveMatrix, feCustom, feDiffuseLighting, feDisplacementMap, feDropShadow, feFlood, feGaussianBlur, feImage, feMerge, feMorphology, feOffset, feSpecularLighting, feTile, feTurbulence, feUnsharpMask
rotatealtGlyph
rotateanimateMotion
rotatetext
rotatetref, tspan
rxellipse
rxrect
ryellipse
ryrect
scalefeDisplacementMap
seedfeTurbulence
slopefeFuncA, feFuncB, feFuncG, feFuncR
slopefont-face
spacingtextPath
specularConstantfeSpecularLighting
specularExponentfeSpecularLighting
specularExponentfeSpotLight
spreadMethodlinearGradient
spreadMethodradialGradient
startOffsettextPath
stdDeviationfeDropShadow
stdDeviationfeGaussianBlur
stdDeviationfeUnsharpMask
stemhfont-face
stemvfont-face
stitchTilesfeTurbulence
strikethrough-positionfont-face
strikethrough-thicknessfont-face
stringfont-face-format
stylea, altGlyph, circle, clipPath, defs, desc, ellipse, feBlend, feColorMatrix, feComponentTransfer, feComposite, feConvolveMatrix, feCustom, feDiffuseLighting, feDisplacementMap, feDropShadow, feFlood, feGaussianBlur, feImage, feMerge, feMorphology, feOffset, feSpecularLighting, feTile, feTurbulence, feUnsharpMask, filter, font, foreignObject, g, glyph, glyphRef, image, line, linearGradient, marker, mask, meshGradient, meshPatch, meshRow, missing-glyph, path, pattern, polygon, polyline, radialGradient, rect, solidColor, stop, svg, switch, symbol, text, textPath, title, tref, tspan, use
surfaceScalefeDiffuseLighting
surfaceScalefeSpecularLighting
systemLanguagea, altGlyph, animate, animateColor, animateMotion, animateTransform, circle, clipPath, cursor, defs, discard, ellipse, foreignObject, g, image, line, mask, path, pattern, polygon, polyline, rect, set, svg, switch, text, textPath, tref, tspan, use
tableValuesfeFuncA, feFuncB, feFuncG, feFuncR
targeta
targetXfeConvolveMatrix
targetYfeConvolveMatrix
textLengthtext
textLengthtextPath, tref, tspan
thresholdfeUnsharpMask
timelineBeginsvg
titlestyle
toanimate, animateColor, animateMotion, animateTransform
toset
typeanimateTransform
typefeColorMatrix
typefeFuncA, feFuncB, feFuncG, feFuncR
typefeTurbulence
typescript
typestyle
u1hkern, vkern
u2hkern, vkern
underline-positionfont-face
underline-thicknessfont-face
unicodeglyph
unicode-rangefont-face
units-per-emfont-face
v-alphabeticfont-face
v-hangingfont-face
v-ideographicfont-face
v-mathematicalfont-face
valuesanimate, animateColor, animateMotion, animateTransform
valuesfeColorMatrix
versionsvg
vert-adv-yfont
vert-adv-yglyph, missing-glyph
vert-origin-xfont
vert-origin-xglyph, missing-glyph
vert-origin-yfont
vert-origin-yglyph, missing-glyph
vertexMeshfeCustom
vertexShaderfeCustom
viewBoxmarker, pattern, svg, symbol, view
viewTargetview
widthfeBlend, feColorMatrix, feComponentTransfer, feComposite, feConvolveMatrix, feCustom, feDiffuseLighting, feDisplacementMap, feDropShadow, feFlood, feGaussianBlur, feImage, feMerge, feMorphology, feOffset, feSpecularLighting, feTile, feTurbulence, feUnsharpMask
widthfilter
widthforeignObject
widthimage
widthmask
widthpattern
widthrect
widthsvg
widthtext
widthuse
widthsfont-face
xaltGlyph
xcursor
xfeBlend, feColorMatrix, feComponentTransfer, feComposite, feConvolveMatrix, feCustom, feDiffuseLighting, feDisplacementMap, feDropShadow, feFlood, feGaussianBlur, feImage, feMerge, feMorphology, feOffset, feSpecularLighting, feTile, feTurbulence, feUnsharpMask
xfePointLight
xfeSpotLight
xfilter
xforeignObject
xglyphRef
ximage
xmask
xmeshGradient
xpattern
xrect
xsvg
xtext
xtref, tspan
xuse
x-heightfont-face
x1line
x1linearGradient
x2line
x2linearGradient
xChannelSelectorfeDisplacementMap
xlink:actuatea
xlink:actuatealtGlyph, animate, animateColor, animateMotion, animateTransform, color-profile, cursor, feImage, filter, font-face-uri, glyphRef, image, linearGradient, meshGradient, mpath, pattern, radialGradient, script, set, textPath, tref, use
xlink:arcrolea, altGlyph, animate, animateColor, animateMotion, animateTransform, color-profile, cursor, feImage, filter, font-face-uri, glyphRef, image, linearGradient, meshGradient, mpath, pattern, radialGradient, script, set, textPath, tref, use
xlink:hrefa
xlink:hrefaltGlyph
xlink:hrefanimate, animateColor, animateMotion, animateTransform, set
xlink:hrefcolor-profile
xlink:hrefcursor
xlink:hreffeImage
xlink:hreffilter
xlink:hreffont-face-uri
xlink:hrefglyphRef
xlink:hrefimage
xlink:hreflinearGradient
xlink:hrefmeshGradient
xlink:hrefmpath
xlink:hrefpattern
xlink:hrefradialGradient
xlink:hrefscript
xlink:hreftextPath
xlink:hreftref
xlink:hrefuse
xlink:rolea, altGlyph, animate, animateColor, animateMotion, animateTransform, color-profile, cursor, feImage, filter, font-face-uri, glyphRef, image, linearGradient, meshGradient, mpath, pattern, radialGradient, script, set, textPath, tref, use
xlink:showa
xlink:showaltGlyph, animate, animateColor, animateMotion, animateTransform, color-profile, cursor, feImage, filter, font-face-uri, glyphRef, image, linearGradient, meshGradient, mpath, pattern, radialGradient, script, set, textPath, tref, use
xlink:titlea, altGlyph, animate, animateColor, animateMotion, animateTransform, color-profile, cursor, feImage, filter, font-face-uri, glyphRef, image, linearGradient, meshGradient, mpath, pattern, radialGradient, script, set, textPath, tref, use
xlink:typea, altGlyph, animate, animateColor, animateMotion, animateTransform, color-profile, cursor, feImage, filter, font-face-uri, glyphRef, image, linearGradient, meshGradient, mpath, pattern, radialGradient, script, set, textPath, tref, use
xml:basea, altGlyph, altGlyphDef, altGlyphItem, animate, animateColor, animateMotion, animateTransform, circle, clipPath, color-profile, cursor, defs, desc, discard, ellipse, feBlend, feColorMatrix, feComponentTransfer, feComposite, feConvolveMatrix, feCustom, feDiffuseLighting, feDisplacementMap, feDistantLight, feDropShadow, feFlood, feFuncA, feFuncB, feFuncG, feFuncR, feGaussianBlur, feImage, feMerge, feMergeNode, feMorphology, feOffset, fePointLight, feSpecularLighting, feSpotLight, feTile, feTurbulence, feUnsharpMask, filter, font, font-face, font-face-format, font-face-name, font-face-src, font-face-uri, foreignObject, g, glyph, glyphRef, hkern, image, line, linearGradient, marker, mask, meshGradient, meshPatch, meshRow, metadata, missing-glyph, mpath, path, pattern, polygon, polyline, radialGradient, rect, script, set, solidColor, stop, style, svg, switch, symbol, text, textPath, title, tref, tspan, use, view, vkern
xml:langa, altGlyph, altGlyphDef, altGlyphItem, animate, animateColor, animateMotion, animateTransform, circle, clipPath, color-profile, cursor, defs, desc, discard, ellipse, feBlend, feColorMatrix, feComponentTransfer, feComposite, feConvolveMatrix, feCustom, feDiffuseLighting, feDisplacementMap, feDistantLight, feDropShadow, feFlood, feFuncA, feFuncB, feFuncG, feFuncR, feGaussianBlur, feImage, feMerge, feMergeNode, feMorphology, feOffset, fePointLight, feSpecularLighting, feSpotLight, feTile, feTurbulence, feUnsharpMask, filter, font, font-face, font-face-format, font-face-name, font-face-src, font-face-uri, foreignObject, g, glyph, glyphRef, hkern, image, line, linearGradient, marker, mask, meshGradient, meshPatch, meshRow, metadata, missing-glyph, mpath, path, pattern, polygon, polyline, radialGradient, rect, script, set, solidColor, stop, style, svg, switch, symbol, text, textPath, title, tref, tspan, use, view, vkern
xml:spacea, altGlyph, altGlyphDef, altGlyphItem, animate, animateColor, animateMotion, animateTransform, circle, clipPath, color-profile, cursor, defs, desc, discard, ellipse, feBlend, feColorMatrix, feComponentTransfer, feComposite, feConvolveMatrix, feCustom, feDiffuseLighting, feDisplacementMap, feDistantLight, feDropShadow, feFlood, feFuncA, feFuncB, feFuncG, feFuncR, feGaussianBlur, feImage, feMerge, feMergeNode, feMorphology, feOffset, fePointLight, feSpecularLighting, feSpotLight, feTile, feTurbulence, feUnsharpMask, filter, font, font-face, font-face-format, font-face-name, font-face-src, font-face-uri, foreignObject, g, glyph, glyphRef, hkern, image, line, linearGradient, marker, mask, meshGradient, meshPatch, meshRow, metadata, missing-glyph, mpath, path, pattern, polygon, polyline, radialGradient, rect, script, set, solidColor, stop, style, svg, switch, symbol, text, textPath, title, tref, tspan, use, view, vkern
yaltGlyph
ycursor
yfeBlend, feColorMatrix, feComponentTransfer, feComposite, feConvolveMatrix, feCustom, feDiffuseLighting, feDisplacementMap, feDropShadow, feFlood, feGaussianBlur, feImage, feMerge, feMorphology, feOffset, feSpecularLighting, feTile, feTurbulence, feUnsharpMask
yfePointLight
yfeSpotLight
yfilter
yforeignObject
yglyphRef
yimage
ymask
ymeshGradient
ypattern
yrect
ysvg
ytext
ytref, tspan
yuse
y1line
y1linearGradient
y2line
y2linearGradient
yChannelSelectorfeDisplacementMap
zfePointLight
zfeSpotLight
zoomAndPansvg, view

J.2. Presentation attributes

As described in the Styling chapter, for each property there exists a corresponding presentation attribute. The table below lists the presentation attributes and the elements on which they may be specified.

Since the plan is to allow all SVG elements to be stylable, we will likely allow all presentation attributes on all SVG elements, and this table can then be removed.

Presentation attributes Elements on which the attributes may be specified
alignment-baseline, writing-mode, buffered-rendering, clip, clip-path, clip-rule, color, color-interpolation, color-interpolation-filters, 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, letter-spacing, lighting-color, baseline-shift, marker-mid, marker-pattern, marker-segment, marker-start, mask, opacity, overflow, paint-order, pointer-events, shape-rendering, solid-color, solid-opacity, stop-color, stop-opacity, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, text-anchor, text-decoration, text-overflow, text-rendering, transform, unicode-bidi, visibility, white-space, word-spacing and marker-end a, altGlyph, animate, animateColor, circle, clipPath, defs, ellipse, feBlend, feColorMatrix, feComponentTransfer, feComposite, feConvolveMatrix, feCustom, feDiffuseLighting, feDisplacementMap, feDropShadow, feFlood, feGaussianBlur, feImage, feMerge, feMorphology, feOffset, feSpecularLighting, feTile, feTurbulence, feUnsharpMask, filter, font, foreignObject, g, glyph, glyphRef, image, line, linearGradient, marker, mask, meshGradient, meshPatch, meshRow, missing-glyph, path, pattern, polygon, polyline, radialGradient, rect, solidColor, stop, svg, switch, symbol, text, textPath, tref, tspan and use
SVG 2 – 28 August 2012 TopContentsPreviousNextElementsAttributesProperties