This appendix is informative, not normative.
This table should not list properties defined in other specifications.
The table lacks a column for the 'computed value'.
| 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’ 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 |
[ [<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 |
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 |
<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 |
[ [ ‘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 |
see individual properties | see individual properties | ‘path’, ‘line’, ‘polyline’ and ‘polygon’ elements | yes | N/A | visual | yes |
marker-endmarker-midmarker-start |
none | <url> | none | ‘path’, ‘line’, ‘polyline’ and ‘polygon’ elements | yes | N/A | visual | yes |
mask |
<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’ 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 | refer to the size of the current 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 |
<opacity-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 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 | 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 |
font’, ‘font-size-adjust’ and ‘stroke-dasharray’
properties are animatable but do not support additive animation.