SVG 1.1 (Second Edition) – 22 June 2010

Appendix N: Property Index

This appendix is informative, not normative.

NameValuesInitial valueApplies toInh.PercentagesMediaAnim.
‘alignment-baseline’auto | baseline | before-edge | text-before-edge | middle | central | after-edge | text-after-edge | ideographic | alphabetic | hanging | mathematical | inheritsee property description‘tspan’, ‘tref’, ‘altGlyph’, ‘textPath’ elementsnoN/A visualyes
‘baseline-shift’baseline | sub | super | <percentage> | <length> | inheritbaseline‘tspan’, ‘tref’, ‘altGlyph’, ‘textPath’ elementsnorefer to the "line height" of the ‘text’ element, which in the case of SVG is defined to be equal to the font size visualyes
‘clip’ <shape> | auto | inheritautoelements which establish a new viewport, ‘pattern’ elements and ‘marker’ elementsnoN/A visualyes
‘clip-path’<funciri> | none | inheritnonecontainer elements and graphics elementsnoN/A visualyes
‘clip-rule’nonzero | evenodd | inheritnonzerographics elements within a ‘clipPath’ elementyesN/A visualyes
‘color’<color> | inheritdepends on user agentelements to which properties ‘fill’, ‘stroke’, ‘stop-color’, ‘flood-color’, ‘lighting-color’ applyyesN/A visualyes
‘color-interpolation’auto | sRGB | linearRGB | inheritsRGBcontainer elements, graphics elements and ‘animateColor’yesN/A visualyes
‘color-interpolation-filters’auto | sRGB | linearRGB | inheritlinearRGBfilter primitivesyesN/A visualyes
‘color-profile’auto | sRGB | <name> | <funciri> | inheritauto‘image’ elements that refer to raster imagesyesN/A visualyes
‘color-rendering’auto | optimizeSpeed | optimizeQuality | inheritautocontainer elements, graphics elements and ‘animateColor’yesN/A visualyes
‘cursor’[ [<funciri> ,]* [ auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize| text | wait | help ] ] | inheritautocontainer elements and graphics elementsyesN/A visual, interactiveyes
‘direction’ltr | rtl | inheritltrtext content elementsyesN/A visualno
‘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 | inheritinline‘svg’, ‘g’, ‘switch’, ‘a’, ‘foreignObject’, graphics elements (including the ‘text’ element) and text sub-elements (i.e., ‘tspan’, ‘tref’, ‘altGlyph’, ‘textPath’)noN/A allyes
‘dominant-baseline’auto | use-script | no-change | reset-size | ideographic | alphabetic | hanging | mathematical | central | middle | text-after-edge | text-before-edge | inheritautotext content elementsnoN/A visualyes
‘enable-background’accumulate | new [ <x> <y> <width> <height> ] | inheritaccumulatecontainer elementsnoN/A visualno
‘fill’<paint> (See Specifying paint)blackshapes and text content elementsyesN/A visualyes
‘fill-opacity’<opacity-value> | inherit1shapes and text content elementsyesN/A visualyes
‘fill-rule’nonzero | evenodd | inheritnonzeroshapes and text content elementsyesN/A visualyes
‘filter’<funciri> | none | inheritnonecontainer elements and graphics elementsnoN/A visualyes
‘flood-color’currentColor |
<color> [<icccolor>] |
inherit
black‘feFlood’ elementsnoN/A visualyes
‘flood-opacity’<opacity-value> | inherit1‘feFlood’ elementsnoN/A visualyes
‘font’[ [ ‘font-style’ || ‘font-variant’ || ‘font-weight’ ]? ‘font-size’ [ / 'line-height' ]? ‘font-family’ ] | caption | icon | menu | message-box | small-caption | status-bar | inheritsee individual propertiestext content elementsyessee individual properties visualyes [1]
‘font-family’[[ <family-name> | <generic-family> ],]* [ <family-name> | <generic-family>] | inheritdepends on user agenttext content elementsyesN/A visualyes
‘font-size’ <absolute-size> | <relative-size> | <length> | <percentage> | inheritmediumtext content elementsyes, the computed value is inheritedrefer to parent element's font size visualyes
‘font-size-adjust’ <number> | none | inheritnonetext content elementsyesN/A visualyes [1]
‘font-stretch’normal | wider | narrower | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded | inheritnormaltext content elementsyesN/A visualyes
‘font-style’normal | italic | oblique | inheritnormaltext content elementsyesN/A visualyes
‘font-variant’normal | small-caps | inheritnormaltext content elementsyesN/A visualyes
‘font-weight’normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inheritnormaltext content elementsyesN/A visualyes
‘glyph-orientation-horizontal’<angle> | inherit0degtext content elementsyesN/A visualno
‘glyph-orientation-vertical’auto | <angle> | inheritautotext content elementsyesN/A visualno
‘image-rendering’auto | optimizeSpeed | optimizeQuality | inheritautoimagesyesN/A visualyes
‘kerning’auto | <length> | inheritautotext content elementsyesN/A visualyes
‘letter-spacing’normal | <length> | inheritnormaltext content elementsyesN/A visualyes
‘lighting-color’currentColor |
<color> [<icccolor>] |
inherit
white‘feDiffuseLighting’ and ‘feSpecularLighting’ elementsnoN/A visualyes
‘marker’see individual propertiessee individual properties‘path’, ‘line’, ‘polyline’ and ‘polygon’ elementsyesN/A visualyes
‘marker-end’
‘marker-mid’
‘marker-start’
none |
inherit |
<funciri>
none‘path’, ‘line’, ‘polyline’ and ‘polygon’ elementsyesN/A visualyes
‘mask’<funciri> | none | inheritnonecontainer elements and graphics elementsnoN/A visualyes
‘opacity’<opacity-value> | inherit1container elements and graphics elementsnoN/A visualyes
‘overflow’visible | hidden | scroll | auto | inheritsee proseelements which establish a new viewport, ‘pattern’ elements and ‘marker’ elementsnoN/A visualyes
‘pointer-events’visiblePainted | visibleFill | visibleStroke | visible |
painted | fill | stroke | all | none | inherit
visiblePaintedgraphics elementsyesN/A visualyes
‘shape-rendering’auto | optimizeSpeed | crispEdges |
geometricPrecision | inherit
autoshapesyesN/A visualyes
‘stop-color’currentColor |
<color> [<icccolor>] |
inherit
black‘stop’ elementsnoN/A visualyes
‘stop-opacity’<opacity-value> | inherit1‘stop’ elementsnoN/A visualyes
‘stroke’<paint> (See Specifying paint)noneshapes and text content elementsyesN/A visualyes
‘stroke-dasharray’none | <dasharray> | inheritnoneshapes and text content elementsyesN/A visualyes [1]
‘stroke-dashoffset’<percentage> | <length> | inherit0shapes and text content elementsyessee prose visualyes
‘stroke-linecap’butt | round | square | inheritbuttshapes and text content elementsyesN/A visualyes
‘stroke-linejoin’miter | round | bevel | inheritmitershapes and text content elementsyesN/A visualyes
‘stroke-miterlimit’<miterlimit> | inherit4shapes and text content elementsyesN/A visualyes
‘stroke-opacity’<opacity-value> | inherit1shapes and text content elementsyesN/A visualyes
‘stroke-width’<percentage> | <length> | inherit1shapes and text content elementsyesN/A visualyes
‘text-anchor’start | middle | end | inheritstarttext content elementsyesN/A visualyes
‘text-decoration’none | [ underline || overline || line-through || blink ] | inheritnonetext content elementsno (see prose)N/A visualyes
‘text-rendering’auto | optimizeSpeed | optimizeLegibility |
geometricPrecision | inherit
auto‘text’ elementsyesN/A visualyes
‘unicode-bidi’normal | embed | bidi-override | inheritnormaltext content elementsnoN/A visualno
‘visibility’visible | hidden | collapse | inheritvisiblegraphics elements (including the ‘text’ element) and text sub-elements (i.e., ‘tspan’, ‘tref’, ‘altGlyph’, ‘textPath’ and ‘a’)yesN/A visualyes
‘word-spacing’normal | <length> | inheritnormaltext content elementsyesN/A visualyes
‘writing-mode’lr-tb | rl-tb | tb-rl | lr | rl | tb | inheritlr-tb‘text’ elementsyesN/A visualno
  1. [1] The ‘font’, ‘font-size-adjust’ and ‘stroke-dasharray’ properties are animatable but do not support additive animation.
SVG 1.1 (Second Edition) – 22 June 2010