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 |