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 | inherit see property description 'tspan', 'tref', 'altGlyph', 'textPath' elements no N/A visual yes
'baseline-shift' baseline | sub | super | <percentage> | <length> | inherit baseline 'tspan', 'tref', 'altGlyph', '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 | inherit auto elements which establish a new viewport, 'pattern' elements and 'marker element' elements no N/A visual yes
'clip-path' <funciri> | none | inherit none container elements and graphics elements no N/A visual yes
'clip-rule' nonzero | evenodd | inherit nonzero graphics elements within a 'clipPath' element yes N/A visual yes
'color' <color> | inherit 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 | inherit sRGB container elements, graphics elements and 'animateColor' yes N/A visual yes
'color-interpolation-filters' auto | sRGB | linearRGB | inherit linearRGB filter primitives yes N/A visual yes
'color-profile property' auto | sRGB | <name> | <funciri> | inherit auto 'image' elements that refer to raster images yes N/A visual yes
'color-rendering' auto | optimizeSpeed | optimizeQuality | inherit auto container elements, graphics elements and 'animateColor' yes N/A visual yes
'cursor property' [ [<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 ] ] | inherit auto container elements and graphics elements yes N/A visual, interactive yes
'direction' ltr | rtl | inherit 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 | inherit inline 'svg', 'g', 'switch', 'a', 'foreignObject', graphics elements (including the 'text' element) and text sub-elements (i.e., 'tspan', 'tref', 'altGlyph', 'textPath') 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 | inherit auto text content elements no N/A visual yes
'enable-background' accumulate | new [ <x> <y> <width> <height> ] | inherit accumulate container elements no N/A visual no
'fill' <paint> (See Specifying paint) black shapes and text content elements yes N/A visual yes
'fill-opacity' <opacity-value> | inherit 1 shapes and text content elements yes N/A visual yes
'fill-rule' nonzero | evenodd | inherit nonzero shapes and text content elements yes N/A visual yes
'filter property' <funciri> | none | inherit none container elements and graphics elements no N/A visual yes
'flood-color' currentColor |
<color> [<icccolor>] |
inherit
black 'feFlood' elements no N/A visual yes
'flood-opacity' <opacity-value> | inherit 1 'feFlood' elements no N/A visual yes
'font property' [ [ 'font-style' || 'font-variant' || 'font-weight' ]? 'font-size' [ / 'line-height' ]? 'font-family' ] | caption | icon | menu | message-box | small-caption | status-bar | inherit see individual properties text content elements yes see individual properties visual yes [1]
'font-family' [[ <family-name> | <generic-family> ],]* [ <family-name> | <generic-family>] | inherit depends on user agent text content elements yes N/A visual yes
'font-size' <absolute-size> | <relative-size> | <length> | <percentage> | inherit medium text content elements yes, the computed value is inherited refer to parent element's font size visual yes
'font-size-adjust' <number> | none | inherit 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 | inherit normal text content elements yes N/A visual yes
'font-style' normal | italic | oblique | inherit normal text content elements yes N/A visual yes
'font-variant' normal | small-caps | inherit normal text content elements yes N/A visual yes
'font-weight' normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit normal text content elements yes N/A visual yes
'glyph-orientation-horizontal' <angle> | inherit 0deg text content elements yes N/A visual no
'glyph-orientation-vertical' auto | <angle> | inherit auto text content elements yes N/A visual no
'image-rendering' auto | optimizeSpeed | optimizeQuality | inherit auto images yes N/A visual yes
'kerning' auto | <length> | inherit auto text content elements yes N/A visual yes
'letter-spacing' normal | <length> | inherit normal text content elements yes N/A visual yes
'lighting-color' currentColor |
<color> [<icccolor>] |
inherit
white 'feDiffuseLighting' and 'feSpecularLighting' elements no N/A visual yes
'marker property' see individual properties see individual properties 'path', 'line', 'polyline' and 'polygon' elements yes N/A visual yes
'marker-end'
'marker-mid'
'marker-start'
none |
inherit |
<funciri>
none 'path', 'line', 'polyline' and 'polygon' elements yes N/A visual yes
'mask property' <funciri> | none | inherit none container elements and graphics elements no N/A visual yes
'opacity' <opacity-value> | inherit 1 container elements and graphics elements no N/A visual yes
'overflow' visible | hidden | scroll | auto | inherit see prose elements which establish a new viewport, 'pattern' elements and 'marker element' elements no N/A visual yes
'pointer-events' visiblePainted | visibleFill | visibleStroke | visible |
painted | fill | stroke | all | none | inherit
visiblePainted graphics elements yes N/A visual yes
'shape-rendering' auto | optimizeSpeed | crispEdges |
geometricPrecision | inherit
auto shapes yes N/A visual yes
'stop-color' currentColor |
<color> [<icccolor>] |
inherit
black 'stop' elements no N/A visual yes
'stop-opacity' <opacity-value> | inherit 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> | inherit none shapes and text content elements yes N/A visual yes [1]
'stroke-dashoffset' <percentage> | <length> | inherit 0 shapes and text content elements yes see prose visual yes
'stroke-linecap' butt | round | square | inherit butt shapes and text content elements yes N/A visual yes
'stroke-linejoin' miter | round | bevel | inherit miter shapes and text content elements yes N/A visual yes
'stroke-miterlimit' <miterlimit> | inherit 4 shapes and text content elements yes N/A visual yes
'stroke-opacity' <opacity-value> | inherit 1 shapes and text content elements yes N/A visual yes
'stroke-width' <percentage> | <length> | inherit 1 shapes and text content elements yes N/A visual yes
'text-anchor' start | middle | end | inherit start text content elements yes N/A visual yes
'text-decoration' none | [ underline || overline || line-through || blink ] | inherit none text content elements no (see prose) N/A visual yes
'text-rendering' auto | optimizeSpeed | optimizeLegibility |
geometricPrecision | inherit
auto 'text' elements yes N/A visual yes
'unicode-bidi' normal | embed | bidi-override | inherit normal text content elements no N/A visual no
'visibility' visible | hidden | collapse | inherit visible graphics elements (including the 'text' element) and text sub-elements (i.e., 'tspan', 'tref', 'altGlyph', 'textPath' and 'a') yes N/A visual yes
'word-spacing' normal | <length> | inherit normal text content elements yes N/A visual yes
'writing-mode' lr-tb | rl-tb | tb-rl | lr | rl | tb | inherit lr-tb 'text' elements yes N/A visual no
  1. [1] The 'font property', 'font-size-adjust' and 'stroke-dasharray' properties are animatable but do not support additive animation.