[go: up one dir, main page]

Appendix H: Property Index

This appendix is informative, not normative.

Name Values Initial value Applies to Inh. Percentages Media Anim. Computed value
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 as specified
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 absolute length, percentage, or keyword specified
color <color> depends on user agent elements to which properties fill, stroke, stop-color, flood-color, lighting-color apply yes N/A visual yes an RGBA color
color-interpolation auto | sRGB | linearRGB sRGB container elements, graphics elements, gradient elements, use and animate yes N/A visual yes as specified
color-rendering auto | optimizeSpeed | optimizeQuality auto container elements, graphics elements, gradient elements, use and animate yes N/A visual yes as specified
direction ltr | rtl ltr text content elements yes N/A visual no as specified
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 yes N/A visual yes as specified
fill <paint> (See Specifying paint) black shapes and text content elements yes N/A visual yes as specified, but with <color> values computed and <url> values made absolute
fill-opacity <alpha-value> 1 shapes and text content elements yes N/A visual yes 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 yes as specified
font-variant normal | small-caps normal text content elements yes N/A visual yes see individual properties
glyph-orientation-vertical auto | <angle> | <number> auto text content elements yes N/A visual no as specified
image-rendering auto | optimizeSpeed | optimizeQuality auto images yes N/A visual yes as specified
line-height normal | <number> | <length-percentage> normal text elements yes refer to font size of element itself visual yes for <length-percentage> the absolute value; otherwise as specified
marker see individual properties see individual properties shapes yes N/A visual yes see individual properties
marker-end
marker-mid
marker-start
none | <url> none shapes yes N/A visual yes as specified, but with <url> values (that are part of a <marker-ref>) made absolute
opacity <alpha-value> 1 svg, g, symbol, marker, a, switch, use, unknown elements and graphics elements no N/A visual yes the specified value converted to a number, clamped to the range [0,1]
overflow visible | hidden | scroll | auto see prose elements which establish a new SVG viewport, pattern elements and marker elements no N/A visual yes as specified
paint-order normal | [ fill || stroke || markers ] normal shapes and text content elements yes N/A visual yes as specified
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 as specified
shape-rendering auto | optimizeSpeed | crispEdges |
geometricPrecision
auto shapes yes N/A visual yes as specified
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 as specified, but with <color> values computed and <url> values made absolute
stroke-dasharray none | <dasharray> none shapes and text content elements yes N/A visual yes [1] absolute lengths or percentages for <dasharray>, or keyword specified
stroke-dashoffset <length-percentage> 0 shapes and text content elements yes refer to the size of the current SVG viewport visual yes absolute length or percentage
stroke-linecap butt | round | square butt shapes and text content elements yes N/A visual yes as specified
stroke-linejoin miter | round | bevel miter shapes and text content elements yes N/A visual yes as specified
stroke-miterlimit <number> (non-negative) 4 shapes and text content elements yes N/A visual yes as specified
stroke-opacity <alpha-value> 1 shapes and text content elements yes N/A visual yes the specified value converted to a number, clamped to the range [0,1]
stroke-width <length-percentage> 1 shapes and text content elements yes refer to the size of the current SVG viewport visual yes absolute length or percentage
text-anchor start | middle | end start text content elements yes N/A visual yes as specified
text-decoration none | [ underline || overline || line-through || blink ] none text content elements no (see prose) N/A visual yes see individual properties
text-rendering auto | optimizeSpeed | optimizeLegibility |
geometricPrecision
auto text elements yes N/A visual yes as specified
vector-effect non-scaling-stroke | none none graphics elements and use no N/A visual yes as specified
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 as specified
white-space normal | pre | nowrap | pre-wrap | pre-line normal text content elements yes N/A visual yes as specified
writing-mode lr-tb | rl-tb | tb-rl | lr | rl | tb lr-tb text elements yes N/A visual no as specified
  1. [1] The font, font-size-adjust and stroke-dasharray properties are animatable but do not support additive animation.