Appendix I: Property Index

This appendix is informative, not normative.

Name Values Initial value Applies to Inh. Percentages Media Anim.
alignment-baseline auto | baseline | before-edge | text-before-edge | middle | central | after-edge | text-after-edge | ideographic | alphabetic | hanging | mathematical see property description tspan, textPath elements no N/A visual yes
baseline-shift baseline | sub | super | <percentage> | <length> baseline tspan, textPath elements no refer to the "line height" of the text element, which in the case of SVG is defined to be equal to the font size visual yes
clip <shape> | auto auto elements which establish a new SVG viewport, pattern elements and marker elements no N/A visual yes
clip-path <basic-shape> | <url> | none none use, container elements and graphics elements no N/A visual yes
clip-rule nonzero | evenodd nonzero use and graphics elements within a clipPath element yes N/A visual yes
color <color> depends on user agent elements to which properties fill, stroke, stop-color, flood-color, lighting-color apply yes N/A visual yes
color-interpolation auto | sRGB | linearRGB sRGB container elements, graphics elements, gradient elements, use and animate yes N/A visual yes
color-rendering auto | optimizeSpeed | optimizeQuality auto container elements, graphics elements, gradient elements, use and animate yes N/A visual yes
cursor [ [<url> ,]* [ auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize| text | wait | help ] ] auto container elements, graphics elements and use yes N/A visual, interactive yes
direction ltr | rtl ltr text content elements yes N/A visual no
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 inline svg, g, switch, a, foreignObject, use and graphics elements no N/A all yes
dominant-baseline auto | use-script | no-change | reset-size | ideographic | alphabetic | hanging | mathematical | central | middle | text-after-edge | text-before-edge auto text content elements no N/A visual yes
fill <paint> (See Specifying paint) black shapes and text content elements yes N/A visual yes
fill-opacity <alpha-value> 1 shapes and text content elements yes N/A visual yes
fill-rule nonzero | evenodd nonzero shapes and text content elements yes N/A visual yes
filter <filter-function-list> | none none container elements, graphics elements and use no N/A visual yes
flood-color currentColor |
<color> [<icccolor>]
black feFlood elements no N/A visual yes
flood-opacity <alpha-value> 1 feFlood elements no N/A visual yes
font [ [ font-style || font-variant || font-weight ]? font-size [ / 'line-height' ]? font-family ] | caption | icon | menu | message-box | small-caption | status-bar see individual properties text content elements yes see individual properties visual yes [1]
font-family [[ <family-name> | <generic-family> ],]* [ <family-name> | <generic-family>] depends on user agent text content elements yes N/A visual yes
font-size <absolute-size> | <relative-size> | <length> | <percentage> medium text content elements yes, the computed value is inherited refer to parent element's font size visual yes
font-size-adjust <number> | none none text content elements yes N/A visual yes [1]
font-stretch normal | wider | narrower | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded normal text content elements yes N/A visual yes
font-style normal | italic | oblique normal text content elements yes N/A visual yes
font-variant normal | small-caps normal text content elements yes N/A visual yes
font-weight normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 normal text content elements yes N/A visual yes
glyph-orientation-vertical auto | <angle> | <number> auto text content elements yes N/A visual no
image-rendering auto | optimizeSpeed | optimizeQuality auto images yes N/A visual yes
letter-spacing normal | <length> normal text content elements yes N/A visual yes
lighting-color currentColor |
<color> [<icccolor>]
white feDiffuseLighting and feSpecularLighting elements no N/A visual yes
line-height normal | <number> | <length> | <percentage> normal text elements yes refer to font size of element itself visual yes
marker see individual properties see individual properties shapes yes N/A visual yes
marker-end
marker-mid
marker-start
none | <url> none shapes yes N/A visual yes
mask <url> | none none container elements, graphics elements and use no N/A visual yes
opacity <alpha-value> 1 svg, g, symbol, marker, a, switch, use, unknown elements and graphics elements no N/A visual yes
overflow visible | hidden | scroll | auto see prose elements which establish a new SVG viewport, pattern elements and marker elements no N/A visual yes
paint-order normal | [ fill || stroke || markers ] normal shapes and text content elements yes N/A visual yes
pointer-events bounding-box | visiblePainted | visibleFill | visibleStroke | visible |
painted | fill | stroke | all | none
visiblePainted container elements, graphics elements and use yes N/A visual yes
shape-rendering auto | optimizeSpeed | crispEdges |
geometricPrecision
auto shapes yes N/A visual yes
stop-color currentColor |
<color> [<icccolor>]
black stop elements no N/A visual yes
stop-opacity <alpha-value> 1 stop elements no N/A visual yes
stroke <paint> (See Specifying paint) none shapes and text content elements yes N/A visual yes
stroke-dasharray none | <dasharray> none shapes and text content elements yes N/A visual yes [1]
stroke-dashoffset <percentage> | <length> 0 shapes and text content elements yes refer to the size of the current SVG viewport visual yes
stroke-linecap butt | round | square butt shapes and text content elements yes N/A visual yes
stroke-linejoin miter | round | bevel miter shapes and text content elements yes N/A visual yes
stroke-miterlimit <miterlimit> 4 shapes and text content elements yes N/A visual yes
stroke-opacity <alpha-value> 1 shapes and text content elements yes N/A visual yes
stroke-width <percentage> | <length> 1 shapes and text content elements yes refer to the size of the current SVG viewport visual yes
text-anchor start | middle | end start text content elements yes N/A visual yes
text-decoration none | [ underline || overline || line-through || blink ] none text content elements no (see prose) N/A visual yes
text-rendering auto | optimizeSpeed | optimizeLegibility |
geometricPrecision
auto text elements yes N/A visual yes
unicode-bidi normal | embed | bidi-override normal text content elements no N/A visual no
vector-effect non-scaling-stroke | none none graphics elements and use no N/A visual yes
visibility visible | hidden | collapse visible graphics elements, use and the a element when it is a child of a text content element yes N/A visual yes
word-spacing normal | <length> normal text content elements yes N/A visual yes
white-space normal | pre | nowrap | pre-wrap | pre-line normal text content elements yes N/A visual yes
writing-mode lr-tb | rl-tb | tb-rl | lr | rl | tb lr-tb text elements yes N/A visual no
  1. [1] The font, font-size-adjust and stroke-dasharray properties are animatable but do not support additive animation.