Appendix H: Property Index
## Metadata
- Author: [[W3C]]
- Full Title: Appendix H: Property Index
- Category: #articles
- Summary: This appendix is informative, not normative.
- URL: http://www.w3.org/TR/SVG/propidx.html
*This appendix is informative, not normative.*
| Name | Values | Initial value | Applies to | Inh. | Percentages | Media | [Anim.](https://svgwg.org/specs/animations/#Animatable) | Computed value |
| --- | --- | --- | --- | --- | --- | --- | --- | --- |
| [alignment-baseline](https://www.w3.org/TR/SVG/text.html#AlignmentBaselineProperty) | auto | baseline | before-edge | text-before-edge | middle | central | after-edge | text-after-edge | ideographic | alphabetic | hanging | mathematical | see property description | ‘[tspan](https://www.w3.org/TR/SVG/text.html#TextElement)’, ‘[textPath](https://www.w3.org/TR/SVG/text.html#TextPathElement)’ elements | no | N/A | [visual](https://www.w3.org/TR/2008/REC-CSS2-20080411/media.html#visual-media-group) | yes | as specified |
| [baseline-shift](https://www.w3.org/TR/SVG/text.html#BaselineShiftProperty) | baseline | sub | super | [<percentage>](https://www.w3.org/TR/css3-values/#percentages) | [<length>](https://www.w3.org/TR/css3-values/#lengths) | baseline | ‘[tspan](https://www.w3.org/TR/SVG/text.html#TextElement)’, ‘[textPath](https://www.w3.org/TR/SVG/text.html#TextPathElement)’ elements | no | refer to the "line height" of the ‘[text](https://www.w3.org/TR/SVG/text.html#TextElement)’ element, which in the case of SVG is defined to be equal to the font size | [visual](https://www.w3.org/TR/2008/REC-CSS2-20080411/media.html#visual-media-group) | yes | absolute length, percentage, or keyword specified |
| [color](https://www.w3.org/TR/SVG/painting.html#ColorProperty) | [<color>](https://www.w3.org/TR/css3-values/#colors) | depends on user agent | elements to which properties [fill](https://www.w3.org/TR/SVG/painting.html#FillProperty), [stroke](https://www.w3.org/TR/SVG/painting.html#StrokeProperty), [stop-color](https://www.w3.org/TR/SVG/pservers.html#StopColorProperty), [flood-color](https://drafts.fxtf.org/filter-effects/#FloodColorProperty), [lighting-color](https://drafts.fxtf.org/filter-effects/#LightingColorProperty) apply | yes | N/A | [visual](https://www.w3.org/TR/2008/REC-CSS2-20080411/media.html#visual-media-group) | yes | an RGBA color |
| [color-interpolation](https://www.w3.org/TR/SVG/painting.html#ColorInterpolationProperty) | auto | sRGB | linearRGB | sRGB | [container elements](https://www.w3.org/TR/SVG/struct.html#TermContainerElement), [graphics elements](https://www.w3.org/TR/SVG/struct.html#TermGraphicsElement), [gradient elements](https://www.w3.org/TR/SVG/pservers.html#TermGradientElement), ‘[use](https://www.w3.org/TR/SVG/struct.html#UseElement)’ and ‘[animate](https://svgwg.org/specs/animations/#AnimateElement)’ | yes | N/A | [visual](https://www.w3.org/TR/2008/REC-CSS2-20080411/media.html#visual-media-group) | yes | as specified |
| [color-rendering](https://www.w3.org/TR/SVG/painting.html#ColorRenderingProperty) | auto | optimizeSpeed | optimizeQuality | auto | [container elements](https://www.w3.org/TR/SVG/struct.html#TermContainerElement), [graphics elements](https://www.w3.org/TR/SVG/struct.html#TermGraphicsElement), [gradient elements](https://www.w3.org/TR/SVG/pservers.html#TermGradientElement), ‘[use](https://www.w3.org/TR/SVG/struct.html#UseElement)’ and ‘[animate](https://svgwg.org/specs/animations/#AnimateElement)’ | yes | N/A | [visual](https://www.w3.org/TR/2008/REC-CSS2-20080411/media.html#visual-media-group) | yes | as specified |
| [direction](https://www.w3.org/TR/SVG/text.html#DirectionProperty) | ltr | rtl | ltr | [text content elements](https://www.w3.org/TR/SVG/text.html#TermTextContentElement) | yes | N/A | [visual](https://www.w3.org/TR/2008/REC-CSS2-20080411/media.html#visual-media-group) | no | as specified |
| [display](https://www.w3.org/TR/SVG/render.html#VisibilityControl) | 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 | inline | ‘[svg](https://www.w3.org/TR/SVG/struct.html#SVGElement)’, ‘[g](https://www.w3.org/TR/SVG/struct.html#GElement)’, ‘[switch](https://www.w3.org/TR/SVG/struct.html#SwitchElement)’, ‘[a](https://www.w3.org/TR/SVG/linking.html#AElement)’, ‘[foreignObject](https://www.w3.org/TR/SVG/embedded.html#ForeignObjectElement)’, ‘[use](https://www.w3.org/TR/SVG/struct.html#UseElement)’ and [graphics elements](https://www.w3.org/TR/SVG/struct.html#TermGraphicsElement) | no | N/A | [all](https://www.w3.org/TR/2008/REC-CSS2-20080411/media.html#all-media-group) | yes | |
| [dominant-baseline](https://www.w3.org/TR/SVG/text.html#DominantBaselineProperty) | auto | use-script | no-change | reset-size | ideographic | alphabetic | hanging | mathematical | central | middle | text-after-edge | text-before-edge | auto | [text content elements](https://www.w3.org/TR/SVG/text.html#TermTextContentElement) | yes | N/A | [visual](https://www.w3.org/TR/2008/REC-CSS2-20080411/media.html#visual-media-group) | yes | as specified |
| [fill](https://www.w3.org/TR/SVG/painting.html#FillProperty) | <paint> (See [Specifying paint](https://www.w3.org/TR/SVG/painting.html#SpecifyingPaint)) | black | [shapes](https://www.w3.org/TR/SVG/shapes.html#TermShapeElement) and [text content elements](https://www.w3.org/TR/SVG/text.html#TermTextContentElement) | yes | N/A | [visual](https://www.w3.org/TR/2008/REC-CSS2-20080411/media.html#visual-media-group) | yes | as specified, but with [<color>](https://www.w3.org/TR/css3-values/#colors) values computed and [<url>](https://www.w3.org/TR/css3-values/#url-value) values made absolute |
| [fill-opacity](https://www.w3.org/TR/SVG/painting.html#FillOpacityProperty) | [<alpha-value>](https://www.w3.org/TR/css-color/#typedef-alpha-value) | 1 | [shapes](https://www.w3.org/TR/SVG/shapes.html#TermShapeElement) and [text content elements](https://www.w3.org/TR/SVG/text.html#TermTextContentElement) | yes | N/A | [visual](https://www.w3.org/TR/2008/REC-CSS2-20080411/media.html#visual-media-group) | yes | the specified value converted to a number, clamped to the range [0,1] |
| [fill-rule](https://www.w3.org/TR/SVG/painting.html#FillRuleProperty) | nonzero | evenodd | nonzero | [shapes](https://www.w3.org/TR/SVG/shapes.html#TermShapeElement) and [text content elements](https://www.w3.org/TR/SVG/text.html#TermTextContentElement) | yes | N/A | [visual](https://www.w3.org/TR/2008/REC-CSS2-20080411/media.html#visual-media-group) | yes | as specified |
| [font-variant](https://www.w3.org/TR/SVG/text.html#FontVariantProperty) | normal | small-caps | normal | [text content elements](https://www.w3.org/TR/SVG/text.html#TermTextContentElement) | yes | N/A | [visual](https://www.w3.org/TR/2008/REC-CSS2-20080411/media.html#visual-media-group) | yes | see individual properties |
| [glyph-orientation-vertical](https://www.w3.org/TR/SVG/text.html#GlyphOrientationVerticalProperty) | auto | [<angle>](https://www.w3.org/TR/2012/WD-css3-values-20120308/#angles) | [<number>](https://www.w3.org/TR/css3-values/#numbers) | auto | [text content elements](https://www.w3.org/TR/SVG/text.html#TermTextContentElement) | yes | N/A | [visual](https://www.w3.org/TR/2008/REC-CSS2-20080411/media.html#visual-media-group) | no | as specified |
| [image-rendering](https://www.w3.org/TR/SVG/painting.html#ImageRenderingProperty) | auto | optimizeSpeed | optimizeQuality | auto | images | yes | N/A | [visual](https://www.w3.org/TR/2008/REC-CSS2-20080411/media.html#visual-media-group) | yes | as specified |
| [line-height](https://www.w3.org/TR/SVG/text.html#LineHeightProperty) | normal | [<number>](https://www.w3.org/TR/css3-values/#numbers) | [<length-percentage>](https://www.w3.org/TR/css-values/#typedef-length-percentage) | normal | ‘[text](https://www.w3.org/TR/SVG/text.html#TextElement)’ elements | yes | refer to font size of element itself | [visual](https://www.w3.org/TR/2008/REC-CSS2-20080411/media.html#visual-media-group) | yes | for [<length-percentage>](https://www.w3.org/TR/css-values/#typedef-length-percentage) the absolute value; otherwise as specified |
| [marker](https://www.w3.org/TR/SVG/painting.html#MarkerProperty) | see individual properties | see individual properties | [shapes](https://www.w3.org/TR/SVG/shapes.html#TermShapeElement) | yes | N/A | [visual](https://www.w3.org/TR/2008/REC-CSS2-20080411/media.html#visual-media-group) | yes | see individual properties |
| [marker-end](https://www.w3.org/TR/SVG/painting.html#MarkerEndProperty) [marker-mid](https://www.w3.org/TR/SVG/painting.html#MarkerMidProperty) [marker-start](https://www.w3.org/TR/SVG/painting.html#MarkerStartProperty) | none | [<url>](https://www.w3.org/TR/css3-values/#url-value) | none | [shapes](https://www.w3.org/TR/SVG/shapes.html#TermShapeElement) | yes | N/A | [visual](https://www.w3.org/TR/2008/REC-CSS2-20080411/media.html#visual-media-group) | yes | as specified, but with [<url>](https://www.w3.org/TR/css3-values/#url-value) values (that are part of a [<marker-ref>](https://www.w3.org/TR/SVG/painting.html#DataTypeMarkerRef)) made absolute |
| [opacity](https://www.w3.org/TR/SVG/render.html#ObjectAndGroupOpacityProperties) | [<alpha-value>](https://www.w3.org/TR/css-color/#typedef-alpha-value) | 1 | ‘[svg](https://www.w3.org/TR/SVG/struct.html#SVGElement)’, ‘[g](https://www.w3.org/TR/SVG/struct.html#GElement)’, ‘[symbol](https://www.w3.org/TR/SVG/struct.html#SymbolElement)’, ‘[marker](https://www.w3.org/TR/SVG/painting.html#MarkerElement)’, ‘[a](https://www.w3.org/TR/SVG/linking.html#AElement)’, ‘[switch](https://www.w3.org/TR/SVG/struct.html#SwitchElement)’, ‘[use](https://www.w3.org/TR/SVG/struct.html#UseElement)’, ‘[unknown](https://www.w3.org/TR/SVG/struct.html#UnknownElement)’ elements and [graphics elements](https://www.w3.org/TR/SVG/struct.html#TermGraphicsElement) | no | N/A | [visual](https://www.w3.org/TR/2008/REC-CSS2-20080411/media.html#visual-media-group) | yes | the specified value converted to a number, clamped to the range [0,1] |
| [overflow](https://www.w3.org/TR/SVG/render.html#OverflowAndClipProperties) | visible | hidden | scroll | auto | see prose | [elements which establish a new SVG viewport](https://www.w3.org/TR/SVG/coords.html#ElementsThatEstablishViewports), ‘[pattern](https://www.w3.org/TR/SVG/pservers.html#PatternElement)’ elements and ‘[marker](https://www.w3.org/TR/SVG/painting.html#MarkerElement)’ elements | no | N/A | [visual](https://www.w3.org/TR/2008/REC-CSS2-20080411/media.html#visual-media-group) | yes | as specified |
| [paint-order](https://www.w3.org/TR/SVG/painting.html#PaintOrderProperty) | normal | [ fill || stroke || markers ] | normal | [shapes](https://www.w3.org/TR/SVG/shapes.html#TermShapeElement) and [text content elements](https://www.w3.org/TR/SVG/text.html#TermTextContentElement) | yes | N/A | [visual](https://www.w3.org/TR/2008/REC-CSS2-20080411/media.html#visual-media-group) | yes | as specified |
| [pointer-events](https://www.w3.org/TR/SVG/interact.html#PointerEventsProperty) | bounding-box | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | none | visiblePainted | [container elements](https://www.w3.org/TR/SVG/struct.html#TermContainerElement), [graphics elements](https://www.w3.org/TR/SVG/struct.html#TermGraphicsElement) and ‘[use](https://www.w3.org/TR/SVG/struct.html#UseElement)’ | yes | N/A | [visual](https://www.w3.org/TR/2008/REC-CSS2-20080411/media.html#visual-media-group) | yes | as specified |
| [shape-rendering](https://www.w3.org/TR/SVG/painting.html#ShapeRenderingProperty) | auto | optimizeSpeed | crispEdges | geometricPrecision | auto | [shapes](https://www.w3.org/TR/SVG/shapes.html#TermShapeElement) | yes | N/A | [visual](https://www.w3.org/TR/2008/REC-CSS2-20080411/media.html#visual-media-group) | yes | as specified |
| [stop-color](https://www.w3.org/TR/SVG/pservers.html#StopColorProperty) | currentColor | [<color>](https://www.w3.org/TR/css3-values/#colors) [[<icccolor>](https://svgwg.org/specs/color/#DataTypeICCColor)] | black | ‘[stop](https://www.w3.org/TR/SVG/pservers.html#StopElement)’ elements | no | N/A | [visual](https://www.w3.org/TR/2008/REC-CSS2-20080411/media.html#visual-media-group) | yes | |
| [stop-opacity](https://www.w3.org/TR/SVG/pservers.html#StopOpacityProperty) | [<alpha-value>](https://www.w3.org/TR/css-color/#typedef-alpha-value) | 1 | ‘[stop](https://www.w3.org/TR/SVG/pservers.html#StopElement)’ elements | no | N/A | [visual](https://www.w3.org/TR/2008/REC-CSS2-20080411/media.html#visual-media-group) | yes | |
| [stroke](https://www.w3.org/TR/SVG/painting.html#StrokeProperty) | <paint> (See [Specifying paint](https://www.w3.org/TR/SVG/painting.html#SpecifyingPaint)) | none | [shapes](https://www.w3.org/TR/SVG/shapes.html#TermShapeElement) and [text content elements](https://www.w3.org/TR/SVG/text.html#TermTextContentElement) | yes | N/A | [visual](https://www.w3.org/TR/2008/REC-CSS2-20080411/media.html#visual-media-group) | yes | as specified, but with [<color>](https://www.w3.org/TR/css3-values/#colors) values computed and [<url>](https://www.w3.org/TR/css3-values/#url-value) values made absolute |
| [stroke-dasharray](https://www.w3.org/TR/SVG/painting.html#StrokeDasharrayProperty) | none | <dasharray> | none | [shapes](https://www.w3.org/TR/SVG/shapes.html#TermShapeElement) and [text content elements](https://www.w3.org/TR/SVG/text.html#TermTextContentElement) | yes | N/A | [visual](https://www.w3.org/TR/2008/REC-CSS2-20080411/media.html#visual-media-group) | yes [[1]](https://www.w3.org/TR/SVG/propidx.html#note1) | absolute lengths or percentages for [<dasharray>](https://www.w3.org/TR/SVG/painting.html#DataTypeDasharray), or keyword specified |
| [stroke-dashoffset](https://www.w3.org/TR/SVG/painting.html#StrokeDashoffsetProperty) | [<length-percentage>](https://www.w3.org/TR/css-values/#typedef-length-percentage) | 0 | [shapes](https://www.w3.org/TR/SVG/shapes.html#TermShapeElement) and [text content elements](https://www.w3.org/TR/SVG/text.html#TermTextContentElement) | yes | refer to the size of the current SVG viewport | [visual](https://www.w3.org/TR/2008/REC-CSS2-20080411/media.html#visual-media-group) | yes | absolute length or percentage |
| [stroke-linecap](https://www.w3.org/TR/SVG/painting.html#StrokeLinecapProperty) | butt | round | square | butt | [shapes](https://www.w3.org/TR/SVG/shapes.html#TermShapeElement) and [text content elements](https://www.w3.org/TR/SVG/text.html#TermTextContentElement) | yes | N/A | [visual](https://www.w3.org/TR/2008/REC-CSS2-20080411/media.html#visual-media-group) | yes | as specified |
| [stroke-linejoin](https://www.w3.org/TR/SVG/painting.html#StrokeLinejoinProperty) | miter | round | bevel | miter | [shapes](https://www.w3.org/TR/SVG/shapes.html#TermShapeElement) and [text content elements](https://www.w3.org/TR/SVG/text.html#TermTextContentElement) | yes | N/A | [visual](https://www.w3.org/TR/2008/REC-CSS2-20080411/media.html#visual-media-group) | yes | as specified |
| [stroke-miterlimit](https://www.w3.org/TR/SVG/painting.html#StrokeMiterlimitProperty) | [<number>](https://www.w3.org/TR/css3-values/#numbers) (non-negative) | 4 | [shapes](https://www.w3.org/TR/SVG/shapes.html#TermShapeElement) and [text content elements](https://www.w3.org/TR/SVG/text.html#TermTextContentElement) | yes | N/A | [visual](https://www.w3.org/TR/2008/REC-CSS2-20080411/media.html#visual-media-group) | yes | as specified |
| [stroke-opacity](https://www.w3.org/TR/SVG/painting.html#StrokeOpacityProperty) | [<alpha-value>](https://www.w3.org/TR/css-color/#typedef-alpha-value) | 1 | [shapes](https://www.w3.org/TR/SVG/shapes.html#TermShapeElement) and [text content elements](https://www.w3.org/TR/SVG/text.html#TermTextContentElement) | yes | N/A | [visual](https://www.w3.org/TR/2008/REC-CSS2-20080411/media.html#visual-media-group) | yes | the specified value converted to a number, clamped to the range [0,1] |
| [stroke-width](https://www.w3.org/TR/SVG/painting.html#StrokeWidthProperty) | [<length-percentage>](https://www.w3.org/TR/css-values/#typedef-length-percentage) | 1 | [shapes](https://www.w3.org/TR/SVG/shapes.html#TermShapeElement) and [text content elements](https://www.w3.org/TR/SVG/text.html#TermTextContentElement) | yes | refer to the size of the current SVG viewport | [visual](https://www.w3.org/TR/2008/REC-CSS2-20080411/media.html#visual-media-group) | yes | absolute length or percentage |
| [text-anchor](https://www.w3.org/TR/SVG/text.html#TextAnchorProperty) | start | middle | end | start | [text content elements](https://www.w3.org/TR/SVG/text.html#TermTextContentElement) | yes | N/A | [visual](https://www.w3.org/TR/2008/REC-CSS2-20080411/media.html#visual-media-group) | yes | as specified |
| [text-decoration](https://www.w3.org/TR/SVG/text.html#TextDecorationProperties) | none | [ underline || overline || line-through || blink ] | none | [text content elements](https://www.w3.org/TR/SVG/text.html#TermTextContentElement) | no (see prose) | N/A | [visual](https://www.w3.org/TR/2008/REC-CSS2-20080411/media.html#visual-media-group) | yes | see individual properties |
| [text-rendering](https://www.w3.org/TR/SVG/painting.html#TextRenderingProperty) | auto | optimizeSpeed | optimizeLegibility | geometricPrecision | auto | ‘[text](https://www.w3.org/TR/SVG/text.html#TextElement)’ elements | yes | N/A | [visual](https://www.w3.org/TR/2008/REC-CSS2-20080411/media.html#visual-media-group) | yes | as specified |
| [vector-effect](https://www.w3.org/TR/SVG/coords.html#VectorEffectProperty) | non-scaling-stroke | none | none | [graphics elements](https://www.w3.org/TR/SVG/struct.html#TermGraphicsElement) and ‘[use](https://www.w3.org/TR/SVG/struct.html#UseElement)’ | no | N/A | [visual](https://www.w3.org/TR/2008/REC-CSS2-20080411/media.html#visual-media-group) | yes | as specified |
| [visibility](https://www.w3.org/TR/SVG/render.html#VisibilityControl) | visible | hidden | collapse | visible | [graphics elements](https://www.w3.org/TR/SVG/struct.html#TermGraphicsElement), ‘[use](https://www.w3.org/TR/SVG/struct.html#UseElement)’ and the ‘[a](https://www.w3.org/TR/SVG/linking.html#AElement)’ element when it is a child of a [text content element](https://www.w3.org/TR/SVG/text.html#TermTextContentElement) | yes | N/A | [visual](https://www.w3.org/TR/2008/REC-CSS2-20080411/media.html#visual-media-group) | yes | as specified |
| [white-space](https://www.w3.org/TR/css-text-3/#white-space-property) | normal | pre | nowrap | pre-wrap | pre-line | normal | [text content elements](https://www.w3.org/TR/SVG/text.html#TermTextContentElement) | yes | N/A | [visual](https://www.w3.org/TR/2008/REC-CSS2-20080411/media.html#visual-media-group) | yes | as specified |
| [writing-mode](https://www.w3.org/TR/SVG/text.html#WritingModeProperty) | lr-tb | rl-tb | tb-rl | lr | rl | tb | lr-tb | ‘[text](https://www.w3.org/TR/SVG/text.html#TextElement)’ elements | yes | N/A | [visual](https://www.w3.org/TR/2008/REC-CSS2-20080411/media.html#visual-media-group) | no | as specified |
1. [1] The [font](https://www.w3.org/TR/css-fonts-3/#font-prop), [font-size-adjust](https://www.w3.org/TR/css-fonts-3/#font-size-adjust-prop) and [stroke-dasharray](https://www.w3.org/TR/SVG/painting.html#StrokeDasharrayProperty) properties are animatable but do not support additive animation., Appendix H: Property Index, W3C, 01gnmcyp1r0vwe8kvxwq90ycff.