Property Index

This appendix is informative, not normative.

This table should not list properties defined in other specifications.

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
'buffered-rendering' auto | dynamic | static auto container elements and graphics elements no N/A visual yes
'clip' <shape> | auto auto elements which establish a new viewport, 'pattern' elements and 'marker element' elements no N/A visual yes
'clip-path' <basic-shape> | <url> | none none container elements and graphics elements no N/A visual yes
'clip-rule' nonzero | evenodd nonzero 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 and 'animate' yes N/A visual yes
'color-rendering' auto | optimizeSpeed | optimizeQuality auto container elements, graphics elements and 'animate' yes N/A visual yes
'cursor property' [ [<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 and graphics elements 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', graphics elements (including the 'text' element) and text sub-elements (i.e., 'tspan', '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 auto text content elements no N/A visual yes
'enable-background' accumulate | new [ <x> <y> <width> <height> ] 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> 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 property' <filter-function-list> | none none container elements and graphics elements no N/A visual yes
'flood-color' currentColor |
<color> [<icccolor>]
black 'feFlood' elements no N/A visual yes
'flood-opacity' <opacity-value> 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 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-horizontal' <angle> | <number> 0deg text content elements yes N/A visual no
'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 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 | <url> none 'path', 'line', 'polyline' and 'polygon' elements yes N/A visual yes
'mask property' <url> | none none container elements and graphics elements no N/A visual yes
'opacity' <opacity-value> 1 container elements and graphics elements no N/A visual yes
'overflow' visible | hidden | scroll | auto see prose elements which establish a new viewport, 'pattern' elements and 'marker element' elements no N/A visual yes
'paint-order' normal | [ fill || stroke || markers ] normal graphics elements and text content elements no N/A visual yes
'pointer-events' bounding-box | visiblePainted | visibleFill | visibleStroke | visible |
painted | fill | stroke | all | none
visiblePainted container elements, graphics elements and text content child elements 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' <opacity-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 see prose 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' <opacity-value> 1 shapes and text content elements yes N/A visual yes
'stroke-width' <percentage> | <length> 1 shapes and text content elements yes N/A 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 no N/A visual yes
'visibility' visible | hidden | collapse visible graphics elements (including the 'text' element) and text sub-elements (i.e., 'tspan', 'textPath' and 'a') 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 property', 'font-size-adjust' and 'stroke-dasharray' properties are animatable but do not support additive animation.