SVG Tiny 1.2 - 20051207

L Attribute and Property Tables

Contents

This appendix lists the attributes and properties defined in this specification. While both attributes and properties are set on elements using the XML attributes syntax, they are conceptually different and therefore listed separately. Attributes are straightforward XML attributes that generally capture information specific to a given element, such as for instance the radius of a circle or the height of a text area. Properties add to that the fact that they capture CSS information, and therefore behave as is the equivalent CSS property had been set on the same element using a style sheet. SVG Tiny 1.2 does not require support for a style sheet language, but should the user agent use one these properties are also usable for use with it.

The following legend details how these two tables should be read.

Property or Attribute
The name of the property or attribute being described.
Value
For each property or attribute, the values that it accepts.
Elements
For each attribute, the elements that it may occur on.
ani.
This column indicates whether or not the given attribute or property may be animated. There are two options:
✔
This attribute or property may be animated.
✘
This attribute or property may not be animated.
inh.
This column indicates whether or not the given attribute or property is inheritable. There are two options:
✔
This attribute or property may be inherited.
✘
This attribute or property may not be inherited.
<text>
Indicates that character data can occur as the value of a given attribute.

L.1 Property Table

Property ani. inh. Value
audio-level ✔ ✘ 'inherit' | <number>
color ✔ ✔ 'inherit' | <color>
color-rendering ✔ ✔ 'auto' | 'optimizeSpeed' | 'optimizeQuality' | 'inherit'
display ✔ ✘ 'inline' | 'block' | 'list-item' | 'run-in' | 'compact' | 'marker' | 'table' | 'inline-table' | 'table-row-group' | 'table-header-group' | 'table-footer-group' | 'table-row' | 'table-column-group' | 'table-column' | 'table-cell' | 'table-caption' | 'none' | 'inherit'
display-align ✔ ✔ 'auto' | 'before' | 'center' | 'after' | 'inherit'
fill ✔ ✔ 'inherit' | <paint>
fill-opacity ✔ ✔ 'inherit' | <number>
fill-rule ✔ ✔ 'inherit' | 'nonzero' | 'evenodd'
font-family ✔ ✔ 'inherit' | <FontFamilyValue>
font-size ✔ ✔ 'inherit' | <FontSizeValue>
font-style ✔ ✔ 'normal' | 'italic' | 'oblique' | 'inherit'
font-variant ✔ ✔ 'normal' | 'small-caps' | 'inherit'
font-weight ✔ ✔ 'normal' | 'bold' | 'bolder' | 'lighter' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900' | 'inherit'
image-rendering ✔ ✔ 'auto' | 'optimizeSpeed' | 'optimizeQuality' | 'inherit'
line-increment ✔ ✔ 'auto' | 'inherit' | <number>
opacity ✔ ✘ 'inherit' | <number>
pointer-events ✔ ✔ 'visiblePainted' | 'visibleFill' | 'visibleStroke' | 'visible' | 'painted' | 'fill' | 'stroke' | 'all' | 'none' | 'inherit'
shape-rendering ✔ ✔ 'auto' | 'optimizeSpeed' | 'crispEdges' | 'geometricPrecision' | 'inherit'
solid-color ✔ ✘ 'inherit' | <color>
solid-opacity ✔ ✘ 'inherit' | <number>
stop-color ✔ ✘ 'inherit' | <color>
stop-opacity ✔ ✘ 'inherit' | <number>
stroke ✔ ✔ 'inherit' | <paint>
stroke-dasharray ✔ ✔ 'inherit' | 'none' | '<string>'
stroke-dashoffset ✔ ✔ 'inherit' | <length>
stroke-linecap ✔ ✔ 'butt' | 'round' | 'square' | 'inherit'
stroke-linejoin ✔ ✔ 'miter' | 'round' | 'bevel' | 'inherit'
stroke-miterlimit ✔ ✔ 'inherit'
stroke-opacity ✔ ✔ 'inherit' | <number>
stroke-width ✔ ✔ 'inherit'
text-anchor ✔ ✔ 'start' | 'middle' | 'end' | 'inherit'
text-rendering ✔ ✔ 'auto' | 'optimizeSpeed' | 'optimizeLegibility' | 'geometricPrecision' | 'inherit'
vector-effect ✔ ✘ 'none' | 'non-scaling-stroke' | 'inherit'
viewport-fill ✔ ✘ 'inherit' | <paint>
viewport-fill-opacity ✔ ✘ 'inherit' | <number>
visibility ✔ ✔ 'visible' | 'hidden' | 'inherit'

L.2 Attribute Table

Attribute ani. inh. Value Elements
accent-height ✘ ✘ <number> font-face
accumulate ✘ ✘ 'none' | 'sum' animate, animateColor, animateMotion, animateTransform
additive ✘ ✘ 'replace' | 'sum' animate, animateColor, animateMotion, animateTransform
alphabetic ✘ ✘ <number> font-face
arabic-form ✘ ✘ <text> glyph
ascent ✘ ✘ <number> font-face
attributeName ✘ ✘ <text> animate, animateColor, animateTransform, set
attributeType ✘ ✘ 'XML' | 'CSS' | 'auto' animate, animateColor, animateTransform, set
bandwidth ✘ ✘ <number> | 'auto' prefetch
baseProfile ✘ ✘ 'none' | 'tiny' | 'basic' | 'full' svg
bbox ✘ ✘ <text> font-face
begin ✘ ✘ <text> animate, animateColor, animateMotion, animateTransform, animation, audio, discard, set, video
by ✘ ✘ <text> animate, animateColor, animateMotion, animateTransform
calcMode ✘ ✘ 'discrete' | 'linear' | 'paced' | 'spline' animate, animateColor, animateMotion, animateTransform
cap-height ✘ ✘ <number> font-face
class ✘ ✘ <text> a, animate, animateColor, animateMotion, animateTransform, animation, audio, circle, defs, desc, discard, ellipse, font, font-face, font-face-name, font-face-src, font-face-uri, foreignObject, g, glyph, handler, hkern, image, line, linearGradient, listener, metadata, missing-glyph, mpath, path, polygon, polyline, prefetch, radialGradient, rect, script, set, solidColor, stop, svg, switch, tbreak, text, textArea, title, tspan, use, video
contentScriptType ✘ ✘ <ContentType> svg
cx ✔ ✘ <coordinate> circle, ellipse, radialGradient
cy ✔ ✘ <coordinate> circle, ellipse, radialGradient
d ✔ ✘ <PathData> glyph, missing-glyph, path
defaultAction ✘ ✘ 'perform' | 'cancel' listener
descent ✘ ✘ <number> font-face
dur ✘ ✘ <text> animate, animateColor, animateMotion, animateTransform, animation, audio, set, video
editable ✘ ✘ 'none' | 'simple' text, textArea
end ✘ ✘ <text> animate, animateColor, animateMotion, animateTransform, animation, audio, set, video
ev:event ✘ ✘ <XML-Name> handler
event ✘ ✘ <XML-Name> listener
externalResourcesRequired ✘ ✘ <Boolean> a, animation, audio, font, font-face, font-face-uri, foreignObject, g, handler, image, script, svg, switch, use, video
fill ✘ ✘ 'remove' | 'freeze' animate, animateColor, animateMotion, animateTransform, animation, audio, set, video
focusHighlight ✔ ✘ 'auto' | 'none' a, animation, circle, ellipse, foreignObject, g, image, line, path, polygon, polyline, rect, svg, switch, text, textArea, tspan, use, video
focusable ✔ ✘ 'auto' | <Boolean> a, animation, circle, ellipse, foreignObject, g, image, line, path, polygon, polyline, rect, svg, switch, text, textArea, tspan, use, video
font-family ✘ ✘ <text> font-face
font-stretch ✘ ✘ <text> font-face
font-style ✘ ✘ <text> font-face
font-variant ✘ ✘ <text> font-face
font-weight ✘ ✘ <text> font-face
from ✘ ✘ <text> animate, animateColor, animateMotion, animateTransform
g1 ✘ ✘ <text> hkern
g2 ✘ ✘ <text> hkern
glyph-name ✘ ✘ <text> glyph
gradientUnits ✔ ✘ 'userSpaceOnUse' | 'objectBoundingBox' linearGradient, radialGradient
handler ✘ ✘ <iri> listener
hanging ✘ ✘ <number> font-face
height ✔ ✘ <length> animation, foreignObject, image, rect, svg, video
height ✔ ✘ <length> | 'auto' textArea
horiz-adv-x ✘ ✘ <number> font, glyph, missing-glyph
horiz-origin-x ✘ ✘ <number> font
id ✘ ✘ <ID> a, animate, animateColor, animateMotion, animateTransform, animation, audio, circle, defs, desc, discard, ellipse, font, font-face, font-face-name, font-face-src, font-face-uri, foreignObject, g, glyph, handler, hkern, image, line, linearGradient, listener, metadata, missing-glyph, mpath, path, polygon, polyline, prefetch, radialGradient, rect, script, set, solidColor, stop, svg, switch, tbreak, text, textArea, title, tspan, use, video
ideographic ✘ ✘ <number> font-face
initialVisibility ✘ ✘ 'whenStarted' | 'always' animation, video
k ✘ ✘ <number> hkern
keyPoints ✘ ✘ <text> animateMotion
keySplines ✘ ✘ <text> animate, animateColor, animateMotion, animateTransform
keyTimes ✘ ✘ <text> animate, animateColor, animateMotion, animateTransform
lang ✘ ✘ <LanguageIDs> glyph
mathematical ✘ ✘ <number> font-face
max ✘ ✘ <text> animate, animateColor, animateMotion, animateTransform, animation, audio, set, video
mediaCharacterEncoding ✘ ✘ <text> prefetch
mediaContentEncodings ✘ ✘ <text> prefetch
mediaSize ✘ ✘ <number> prefetch
mediaTime ✘ ✘ <text> prefetch
min ✘ ✘ <text> animate, animateColor, animateMotion, animateTransform, animation, audio, set, video
name ✘ ✘ <text> font-face-name
nav-down ✔ ✘ <Focus> a, animation, circle, ellipse, foreignObject, g, image, line, path, polygon, polyline, rect, svg, switch, text, textArea, tspan, use, video
nav-down-left ✔ ✘ <Focus> a, animation, circle, ellipse, foreignObject, g, image, line, path, polygon, polyline, rect, svg, switch, text, textArea, tspan, use, video
nav-down-right ✔ ✘ <Focus> a, animation, circle, ellipse, foreignObject, g, image, line, path, polygon, polyline, rect, svg, switch, text, textArea, tspan, use, video
nav-left ✔ ✘ <Focus> a, animation, circle, ellipse, foreignObject, g, image, line, path, polygon, polyline, rect, svg, switch, text, textArea, tspan, use, video
nav-next ✔ ✘ <Focus> a, animation, circle, ellipse, foreignObject, g, image, line, path, polygon, polyline, rect, svg, switch, text, textArea, tspan, use, video
nav-prev ✔ ✘ <Focus> a, animation, circle, ellipse, foreignObject, g, image, line, path, polygon, polyline, rect, svg, switch, text, textArea, tspan, use, video
nav-right ✔ ✘ <Focus> a, animation, circle, ellipse, foreignObject, g, image, line, path, polygon, polyline, rect, svg, switch, text, textArea, tspan, use, video
nav-up ✔ ✘ <Focus> a, animation, circle, ellipse, foreignObject, g, image, line, path, polygon, polyline, rect, svg, switch, text, textArea, tspan, use, video
nav-up-left ✔ ✘ <Focus> a, animation, circle, ellipse, foreignObject, g, image, line, path, polygon, polyline, rect, svg, switch, text, textArea, tspan, use, video
nav-up-right ✔ ✘ <Focus> a, animation, circle, ellipse, foreignObject, g, image, line, path, polygon, polyline, rect, svg, switch, text, textArea, tspan, use, video
observer ✘ ✘ <iri> listener
offset ✔ ✘ <number> stop
opacity ✔ ✘ 'inherit' | <number> image
origin ✘ ✘ <text> animateMotion
overlay ✘ ✘ 'none' | 'top' video
overline-position ✘ ✘ <number> font-face
overline-thickness ✘ ✘ <number> font-face
panose-1 ✘ ✘ <text> font-face
path ✘ ✘ <text> animateMotion
pathLength ✔ ✘ <number> path
phase ✘ ✘ 'default' | 'capture' listener
playbackOrder ✘ ✘ 'all' | 'forwardOnly' svg
points ✔ ✘ <Points> polygon, polyline
preserveAspectRatio ✔ ✘ <text> animation, image, svg, video
propagate ✘ ✘ 'continue' | 'stop' listener
r ✔ ✘ <length> circle, radialGradient
repeatCount ✘ ✘ <text> animate, animateColor, animateMotion, animateTransform, animation, audio, set, video
repeatDur ✘ ✘ <text> animate, animateColor, animateMotion, animateTransform, animation, audio, set, video
requiredExtensions ✘ ✘ <list of iris> a, animation, audio, circle, ellipse, foreignObject, g, image, line, path, polygon, polyline, rect, switch, text, textArea, tspan, use, video
requiredFeatures ✘ ✘ <list of iris> a, animation, audio, circle, ellipse, foreignObject, g, image, line, path, polygon, polyline, rect, switch, text, textArea, tspan, use, video
requiredFonts ✘ ✘ <list of FontFamilyValues> a, animation, audio, circle, ellipse, foreignObject, g, image, line, path, polygon, polyline, rect, switch, text, textArea, tspan, use, video
requiredFormats ✘ ✘ <FormatList> a, animation, audio, circle, ellipse, foreignObject, g, image, line, path, polygon, polyline, rect, switch, text, textArea, tspan, use, video
restart ✘ ✘ 'always' | 'never' | 'whenNotActive' animate, animateColor, animateMotion, animateTransform, animation, audio, set, video
rotate ✘ ✘ <text> animateMotion
rotate ✔ ✘ <list of Numbers> text
rx ✔ ✘ <length> ellipse, rect
ry ✔ ✘ <length> ellipse, rect
slope ✘ ✘ <number> font-face
snapshotTime ✘ ✘ 'none' | <Clock-value> svg
stemh ✘ ✘ <number> font-face
stemv ✘ ✘ <number> font-face
strikethrough-position ✘ ✘ <number> font-face
strikethrough-thickness ✘ ✘ <number> font-face
syncBehavior ✘ ✘ 'canSlip' | 'locked' | 'independent' | 'default' animation, audio, video
syncBehaviorDefault ✘ ✘ 'canSlip' | 'locked' | 'independent' | 'inherit' svg
syncMaster ✘ ✘ <Boolean> animation, audio, video
syncTolerance ✘ ✘ <Clock-value> | 'default' animation, audio, video
syncToleranceDefault ✘ ✘ <Clock-value> | 'inherit' svg
systemLanguage ✘ ✘ <LanguageIDs> a, animation, audio, circle, ellipse, foreignObject, g, image, line, path, polygon, polyline, rect, switch, text, textArea, tspan, use, video
target ✔ ✘ '_replace' | '_self' | '_parent' | '_top' | '_blank' | <XML-Name> a
target ✘ ✘ <iri> listener
timelineBegin ✘ ✘ 'onLoad' | 'onStart' svg
to ✘ ✘ <text> animate, animateColor, animateMotion, animateTransform, set
transform ✔ ✘ <transform-list> a, animation, circle, ellipse, foreignObject, g, image, line, path, polygon, polyline, rect, switch, text, textArea, use, video
transformBehavior ✘ ✘ 'geometric' | 'pinned' | 'pinned90' | 'pinned180' | 'pinned270' video
type ✘ ✘ <ContentType> audio, handler, image, script, video
type ✘ ✘ 'translate' | 'scale' | 'rotate' | 'skewX' | 'skewY' animateTransform
u1 ✘ ✘ <text> hkern
u2 ✘ ✘ <text> hkern
underline-position ✘ ✘ <number> font-face
underline-thickness ✘ ✘ <number> font-face
unicode ✘ ✘ <text> glyph
unicode-range ✘ ✘ <text> font-face
units-per-em ✘ ✘ <number> font-face
values ✘ ✘ <text> animate, animateColor, animateMotion, animateTransform
version ✘ ✘ '1.0' | '1.1' | '1.2' svg
viewBox ✔ ✘ <text> svg
width ✔ ✘ <length> animation, foreignObject, image, rect, svg, video
width ✔ ✘ <length> | 'auto' textArea
widths ✘ ✘ <text> font-face
x ✔ ✘ <coordinate> animation, foreignObject, image, rect, textArea, use, video
x-height ✘ ✘ <number> font-face
x1 ✔ ✘ <coordinate> line, linearGradient
x2 ✔ ✘ <coordinate> line, linearGradient
x ✔ ✘ <list of Coordinates> text
xlink:actuate ✘ ✘ 'onLoad' animate, animateColor, animateMotion, animateTransform, animation, audio, discard, font-face-uri, foreignObject, handler, image, mpath, prefetch, script, set, use, video
xlink:actuate ✘ ✘ 'onRequest' a
xlink:arcrole ✘ ✘ <iri> a, animate, animateColor, animateMotion, animateTransform, animation, audio, discard, font-face-uri, foreignObject, handler, image, mpath, prefetch, script, set, use, video
xlink:href ✔ ✘ <iri> a, animate, animateColor, animateMotion, animateTransform, animation, audio, discard, font-face-uri, foreignObject, handler, image, mpath, prefetch, script, set, use, video
xlink:role ✘ ✘ <iri> a, animate, animateColor, animateMotion, animateTransform, animation, audio, discard, font-face-uri, foreignObject, handler, image, mpath, prefetch, script, set, use, video
xlink:show ✘ ✘ 'other' animate, animateColor, animateMotion, animateTransform, discard, font-face-uri, handler, mpath, prefetch, script, set
xlink:show ✘ ✘ 'embed' animation, audio, foreignObject, image, use, video
xlink:show ✘ ✘ 'new' | 'replace' a
xlink:title ✘ ✘ <text> a, animate, animateColor, animateMotion, animateTransform, animation, audio, discard, font-face-uri, foreignObject, handler, image, mpath, prefetch, script, set, use, video
xlink:type ✔ ✘ 'simple' a, animate, animateColor, animateMotion, animateTransform, animation, audio, discard, font-face-uri, foreignObject, handler, image, mpath, prefetch, script, set, use, video
xml:base ✘ ✘ <iri> a, animate, animateColor, animateMotion, animateTransform, animation, audio, circle, defs, desc, discard, ellipse, font, font-face, font-face-name, font-face-src, font-face-uri, foreignObject, g, glyph, handler, hkern, image, line, linearGradient, listener, metadata, missing-glyph, mpath, path, polygon, polyline, prefetch, radialGradient, rect, script, set, solidColor, stop, svg, switch, tbreak, text, textArea, title, tspan, use, video
xml:id ✘ ✘ <ID> a, animate, animateColor, animateMotion, animateTransform, animation, audio, circle, defs, desc, discard, ellipse, font, font-face, font-face-name, font-face-src, font-face-uri, foreignObject, g, glyph, handler, hkern, image, line, linearGradient, listener, metadata, missing-glyph, mpath, path, polygon, polyline, prefetch, radialGradient, rect, script, set, solidColor, stop, svg, switch, tbreak, text, textArea, title, tspan, use, video
xml:lang ✘ ✘ <LanguageID> a, animate, animateColor, animateMotion, animateTransform, animation, audio, circle, defs, desc, discard, ellipse, font, font-face, font-face-name, font-face-src, font-face-uri, foreignObject, g, glyph, handler, hkern, image, line, linearGradient, listener, metadata, missing-glyph, mpath, path, polygon, polyline, prefetch, radialGradient, rect, script, set, solidColor, stop, svg, switch, tbreak, text, textArea, title, tspan, use, video
xml:space ✘ ✘ 'default' | 'preserve' a, animate, animateColor, animateMotion, animateTransform, animation, audio, circle, defs, desc, discard, ellipse, font, font-face, font-face-name, font-face-src, font-face-uri, foreignObject, g, glyph, hkern, image, line, linearGradient, listener, metadata, missing-glyph, mpath, path, polygon, polyline, prefetch, radialGradient, rect, set, solidColor, stop, svg, switch, tbreak, text, textArea, title, tspan, use, video
xml:space ✘ ✘ 'preserve' handler, script
y ✔ ✘ <coordinate> animation, foreignObject, image, rect, textArea, use, video
y1 ✔ ✘ <coordinate> line, linearGradient
y2 ✔ ✘ <coordinate> line, linearGradient
y ✔ ✘ <list of Coordinates> text
zoomAndPan ✘ ✘ 'disable' | 'magnify' svg
SVG Tiny 1.2 - 20051207