| Name | Values | Initial value | Applies to (Default: all) | Inherited? | Percentages (Default: N/A) | Media groups | Animatable |
|---|---|---|---|---|---|---|---|
| 'alignment-baseline' | baseline | top | before-edge | text-top | text-before-edge | middle | bottom | after-edge | text-bottom | text-after-edge | ideographic | lower | hanging | mathematical | inherit | see property description | 'text', 'tspan', 'tref', 'glyphRun', 'textPath' elements | no | visual | yes | |
| 'baseline-shift' | baseline | sub | super | <percentage> | <length> | inherit | baseline | 'text', 'tspan', 'tref', 'glyphRun' and 'textPath' elements | no | refers 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 (non-additive, 'set' and 'animate' elements only) |
| 'clip' | <shape> | auto | inherit | auto | elements which establish a new viewport | no | visual | yes | |
| 'clip-path' | <uri> | none | inherit | none | all elements | no | visual | yes | |
| 'clip-rule' | evenodd | nonzero | inherit | evenodd | graphics elements within a 'clipPath' element | yes | visual | yes | |
| 'color' | <color> | inherit | depends on user agent | 'fill', 'stroke', 'stop-color', 'flood-color', 'lighting-color' properties | see Inheritance of Painting Properties | visual | yes | |
| 'color-interpolation' | auto | sRGB | linearRGB | inherit | sRGB | color interpolation and compositing operations | yes | visual | yes | |
| 'color-rendering' | auto | optimizeSpeed | optimizeQuality | inherit | auto | color interpolation and compositing operations | yes | visual | yes | |
| 'cursor' | [ [<uri> ,]* [ 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 | visual, interactive | yes | |
| 'direction' | ltr | rtl | inherit | ltr | 'text', 'tspan', 'tref' and 'textPath' elements | yes | 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 | see Inheritance of Painting Properties below | all | yes | ||
| 'dominant-baseline' | auto | autosense-script | no-change | reset| ideographic | lower | hanging | mathematical | inherit |
auto | 'text', 'tspan', 'tref', 'glyphRun', 'textPath' elements | no | visual | yes | |
| 'enable-background' | accumulate | new [ ( <x> <y> <width> <height> ) ] | inherit | accumulate | container elements | no | visual | no | |
| 'fill' | <paint> (See Specifying paint) | black | no | visual | yes | ||
| 'fill-opacity' | <opacity-value> | inherit | 1 | yes | visual | yes | ||
| 'fill-rule' | evenodd | nonzero | inherit | evenodd | yes | visual | yes | ||
| 'filter' | <uri> | none | inherit | none | graphics and container elements | no | visual | yes | |
| 'flood-color' | currentColor | <color> [icc-color(<name>,<icccolorvalue>+)] | inherit |
black | 'feFlood' elements | no | visual | yes | |
| 'flood-opacity' | <alphavalue> | inherit | 1 | 'feFlood' elements | no | visual | yes | |
| 'font' | [ [ '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', 'tspan', 'tref', 'glyphRun', 'textPath' elements | yes | allowed on 'font-size' and 'line-height' ('line-height' same as 'font-size' in SVG) | visual | yes (non-additive, 'set' and 'animate' elements only) |
| 'font-family' | [[ <family-name> | <generic-family> ],]* [<family-name> | <generic-family>] | inherit | depends on user agent | 'text', 'tspan', 'tref', 'glyphRun', 'textPath' elements | yes | visual | yes | |
| 'font-size' | <absolute-size> | <relative-size> | <length> | <percentage> | inherit | medium | 'text', 'tspan', 'tref', 'glyphRun', 'textPath' elements | yes, the computed value is inherited | refer to parent element's font size | visual | yes |
| 'font-size-adjust' | <number> | none | inherit | none | yes | visual | yes | ||
| 'font-stretch' | normal | wider | narrower | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded | inherit | normal | 'text', 'tspan', 'tref', 'glyphRun', 'textPath' elements | yes | visual | yes | |
| 'font-style' | normal | italic | oblique | inherit | normal | 'text', 'tspan', 'tref', 'glyphRun', 'textPath' elements | yes | visual | yes | |
| 'font-variant' | normal | small-caps | inherit | normal | yes | visual | yes | ||
| 'font-weight' | normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit | normal | 'text', 'tspan', 'tref', 'glyphRun', 'textPath' elements | yes | visual | yes | |
| 'glyph-orientation-horizontal' | <angle> | inherit | 0 | 'text', 'tspan', 'tref', 'glyphRun', 'textPath' elements | yes | visual | no | |
| 'glyph-orientation-vertical' | <angle> | auto | inherit | auto | 'text', 'tspan', 'tref', 'glyphRun', 'textPath' elements | yes | visual | no | |
| 'image-rendering' | auto | optimizeSpeed | optimizeQuality | inherit | auto | images | yes | visual | yes | |
| 'letter-spacing' | normal | <length> | inherit | normal | 'text', 'tspan', 'tref', 'glyphRun', 'textPath' elements | yes | visual | yes | |
| 'lighting-color' | currentColor | <color> [icc-color(<name>,<icccolorvalue>+)] | inherit |
white | 'feDiffuseLighting' and 'feSpecularLighting' elements | no | visual | yes | |
| 'marker' | see individual properties | see individual properties | 'path', 'line', 'polyline' and 'polygon' elements | see Inheritance of Painting Properties below | visual | yes | |
|
'marker-end' 'marker-mid' 'marker-start' | none | inherit | <uri> |
none | 'path', 'line', 'polyline' and 'polygon' elements | see Inheritance of Painting Properties below | visual | yes | |
| 'mask' | <uri> | none | inherit | none | no | visual | yes | ||
| 'opacity' | <alphavalue> | inherit | 1 | no | visual | yes | ||
| 'overflow' | visible | hidden | scroll | auto | inherit | see prose | elements which establish a new viewport | no | visual | yes | |
| 'pointer-events' | visiblePainted | visibleFill | visibleStroke | visibleFillStroke | visible | painted | fill | stroke | fillstroke | all | none | inherit |
visiblePainted | container elements and graphics elements | yes | visual | yes | |
| 'shape-rendering' | auto | optimizeSpeed | crispEdges | geometricPrecision | inherit |
auto | yes | visual | yes | ||
| 'stop-color' | currentColor | <color> [icc-color(<name>,<icccolorvalue>+)] | inherit |
black | 'stop' elements | no | visual | yes | |
| 'stop-opacity' | <alphavalue> | inherit | 1 | 'stop' elements | no | visual | yes | |
| 'stroke' | <paint> (See Specifying paint) | none | see Inheritance of Painting Properties below | visual | yes | ||
| 'stroke-dasharray' | none | <dasharray> | inherit | none | yes | visual | |||
| 'stroke-dashoffset' | <dashoffset> | inherit | 0 | yes | see prose | visual | yes | |
| 'stroke-linecap' | butt | round | square | inherit | butt | yes | visual | yes | ||
| 'stroke-linejoin' | miter | round | bevel | inherit | miter | yes | visual | yes | ||
| 'stroke-miterlimit' | <miterlimit> | inherit | 4 | yes | visual | yes | ||
| 'stroke-opacity' | <opacity-value> | inherit | 1 | yes | visual | yes | ||
| 'stroke-width' | <width> | inherit | 1 | yes | visual | yes | ||
| 'text-anchor' | start | middle | end | inherit | start | 'text', 'tspan', 'tref', 'glyphRun', 'textPath' elements | yes | visual | yes | |
| 'text-decoration' | none | [ underline || overline || line-through || blink ] | inherit | none | 'text', 'tspan', 'tref', 'glyphRun', 'textPath' elements | no (see prose) | visual | yes | |
| 'text-rendering' | auto | optimizeSpeed | optimizeLegibility | geometricPrecision | inherit |
auto | 'text' elements | yes | visual | yes | |
| 'unicode-bidi' | normal | embed | bidi-override | inherit | normal | 'text', 'tspan', 'tref' and 'textPath' elements | no | visual | no | |
| 'visibility' | visible | hidden | collapse | inherit | inherit | no | visual | yes | ||
| 'word-spacing' | normal | <length> | inherit | normal | 'text', 'tspan', 'tref', 'glyphRun', 'textPath' elements | yes | visual | yes | |
| 'writing-mode' | lr-tb | rl-tb | tb-rl | lr | rl | tb | inherit | lr-tb | 'text' elements | yes | visual | no |