Appendix H: Property Index

This appendix is informative, not normative.

Name Values Initial value Applies to Inh. Percentages Media Animation type Computed value
color-interpolation auto | sRGB | linearRGB sRGB container elements, graphics elements, gradient elements, ‘use’ and ‘animate’ yes N/A visual discrete as specified
cx <length-percentage> 0 ‘circle’ and ‘ellipse’ elements no refer to the width of the current SVG viewport (see Units) by computed value an absolute length or percentage
cy <length-percentage> 0 ‘circle’ and ‘ellipse’ elements no refer to the height of the current SVG viewport (see Units) visual by computed value an absolute length or percentage
fill <paint> (See Specifying paint) black shapes and text content elements yes N/A visual by computed value as specified, but with <color> values computed and <url> values made absolute
fill-opacity <‘opacity’> 1 shapes and text content elements yes N/A visual by computed value the specified value converted to a number, clamped to the range [0,1]
fill-rule nonzero | evenodd nonzero shapes and text content elements yes N/A visual discrete as specified
image-rendering auto | optimizeSpeed | optimizeQuality auto images yes N/A visual discrete as specified
marker see individual properties see individual properties shapes yes N/A visual discrete see individual properties
marker-end
marker-mid
marker-start
none | <url> none shapes yes N/A visual discrete as specified, but with <url> values (that are part of a <marker-ref>) made absolute
paint-order normal | [ fill || stroke || markers ] normal shapes and text content elements yes N/A visual discrete as specified
pointer-events auto | bounding-box | visiblePainted | visibleFill | visibleStroke | visible |
painted | fill | stroke | all | none
auto container elements, graphics elements and ‘use’ yes N/A visual discrete as specified
r <length-percentage> 0 ‘circle’ element no refer to the normalized diagonal of the current SVG viewport (see Units) by computed value an absolute length or percentage
rx <length-percentage> | auto auto ‘ellipse’, ‘rect’ elements no refer to the width of the current SVG viewport (see Units) by computed value an absolute length or percentage
ry <length-percentage> | auto auto ‘ellipse’, ‘rect’ elements no refer to the height of the current SVG viewport (see Units) visual by computed value an absolute length or percentage
shape-rendering auto | optimizeSpeed | crispEdges |
geometricPrecision
auto shapes yes N/A visual discrete as specified
stop-color <‘color’> black ‘stop’ elements no N/A visual by computed value
stop-opacity <‘opacity’> 1 ‘stop’ elements no N/A visual by computed value the specified value converted to a number, clamped to the range [0,1]
stroke <paint> (See Specifying paint) none shapes and text content elements yes N/A visual by computed value as specified, but with <color> values computed and <url> values made absolute
stroke-dasharray none | <dasharray> none shapes and text content elements yes refer to the normalized diagonal of the current SVG viewport visual See prose as comma separated list of absolute lengths or percentages, numbers converted to absolute lengths first, or keyword specified
stroke-dashoffset <length-percentage> | <number> 0 shapes and text content elements yes refer to the normalized diagonal of the current SVG viewport visual by computed value as absolute length or percentage; numbers converted to absolute length first
stroke-linecap butt | round | square butt shapes and text content elements yes N/A visual discrete as specified
stroke-linejoin miter | round | bevel miter shapes and text content elements yes N/A visual discrete as specified
stroke-miterlimit <number> (non-negative) 4 shapes and text content elements yes N/A visual by computed value as specified
stroke-opacity <‘opacity’> 1 shapes and text content elements yes N/A visual by computed value the specified value converted to a number, clamped to the range [0,1]
stroke-width <length-percentage> | <number> 1px shapes and text content elements yes refer to the normalized diagonal of the current SVG viewport visual by computed value as absolute length or percentage; numbers converted to absolute length first
text-anchor start | middle | end start text content elements yes N/A visual discrete as specified
text-rendering auto | optimizeSpeed | optimizeLegibility |
geometricPrecision
auto ‘text’ elements yes N/A visual discrete as specified
vector-effect non-scaling-stroke | none none graphics elements and ‘use’ no N/A visual discrete as specified
x <length-percentage> 0 ‘svg’, ‘rect’, ‘image’, ‘foreignObject’ elements no refer to the width of the current SVG viewport (see Units) by computed value an absolute length or percentage
y <length-percentage> 0 ‘svg’, ‘rect’, ‘image’, ‘foreignObject’ elements no refer to the height of the current SVG viewport (see Units) visual by computed value an absolute length or percentage
  1. [1] The font, font-size-adjust and stroke-dasharray properties are animatable but do not support additive animation.