Appendix N: Property Index

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 \| inherit	see property description	Ä�ā‚¬ļæ½tspanÄ�ā‚¬ā„¢, Ä�ā‚¬ļæ½trefÄ�ā‚¬ā„¢, Ä�ā‚¬ļæ½altGlyphÄ�ā‚¬ā„¢, Ä�ā‚¬ļæ½textPathÄ�ā‚¬ā„¢ elements	no	N/A	visual	yes
Ä�ā‚¬ļæ½baseline-shiftÄ�ā‚¬ā„¢	baseline \| sub \| super \| <percentage> \| <length> \| inherit	baseline	Ä�ā‚¬ļæ½tspanÄ�ā‚¬ā„¢, Ä�ā‚¬ļæ½trefÄ�ā‚¬ā„¢, Ä�ā‚¬ļæ½altGlyphÄ�ā‚¬ā„¢, Ä�ā‚¬ļæ½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 \| inherit	auto	elements which establish a new viewport, Ä�ā‚¬ļæ½patternÄ�ā‚¬ā„¢ elements and Ä�ā‚¬ļæ½markerÄ�ā‚¬ā„¢ elements	no	N/A	visual	yes
Ä�ā‚¬ļæ½clip-pathÄ�ā‚¬ā„¢	<funciri> \| none \| inherit	none	container elements and graphics elements	no	N/A	visual	yes
Ä�ā‚¬ļæ½clip-ruleÄ�ā‚¬ā„¢	nonzero \| evenodd \| inherit	nonzero	graphics elements within a Ä�ā‚¬ļæ½clipPathÄ�ā‚¬ā„¢ element	yes	N/A	visual	yes
Ä�ā‚¬ļæ½colorÄ�ā‚¬ā„¢	<color> \| inherit	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 \| inherit	sRGB	container elements, graphics elements and Ä�ā‚¬ļæ½animateColorÄ�ā‚¬ā„¢	yes	N/A	visual	yes
Ä�ā‚¬ļæ½color-interpolation-filtersÄ�ā‚¬ā„¢	auto \| sRGB \| linearRGB \| inherit	linearRGB	filter primitives	yes	N/A	visual	yes
Ä�ā‚¬ļæ½color-profileÄ�ā‚¬ā„¢	auto \| sRGB \| <name> \| <funciri> \| inherit	auto	Ä�ā‚¬ļæ½imageÄ�ā‚¬ā„¢ elements that refer to raster images	yes	N/A	visual	yes
Ä�ā‚¬ļæ½color-renderingÄ�ā‚¬ā„¢	auto \| optimizeSpeed \| optimizeQuality \| inherit	auto	container elements, graphics elements and Ä�ā‚¬ļæ½animateColorÄ�ā‚¬ā„¢	yes	N/A	visual	yes
Ä�ā‚¬ļæ½cursorÄ�ā‚¬ā„¢	[ [<funciri> ,]* [ 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	N/A	visual, interactive	yes
Ä�ā‚¬ļæ½directionÄ�ā‚¬ā„¢	ltr \| rtl \| inherit	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 \| inherit	inline	Ä�ā‚¬ļæ½svgÄ�ā‚¬ā„¢, Ä�ā‚¬ļæ½gÄ�ā‚¬ā„¢, Ä�ā‚¬ļæ½switchÄ�ā‚¬ā„¢, Ä�ā‚¬ļæ½aÄ�ā‚¬ā„¢, Ä�ā‚¬ļæ½foreignObjectÄ�ā‚¬ā„¢, graphics elements (including the Ä�ā‚¬ļæ½textÄ�ā‚¬ā„¢ element) and text sub-elements (i.e., Ä�ā‚¬ļæ½tspanÄ�ā‚¬ā„¢, Ä�ā‚¬ļæ½trefÄ�ā‚¬ā„¢, Ä�ā‚¬ļæ½altGlyphÄ�ā‚¬ā„¢, Ä�ā‚¬ļæ½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 \| inherit	auto	text content elements	no	N/A	visual	yes
Ä�ā‚¬ļæ½enable-backgroundÄ�ā‚¬ā„¢	accumulate \| new [ <x> <y> <width> <height> ] \| inherit	accumulate	container elements	no	N/A	visual	no
Ä�ā‚¬ļæ½fillÄ�ā‚¬ā„¢	<paint> (See Specifying paint)	black	shapes and text content elements	yes	N/A	visual	yes
Ä�ā‚¬ļæ½fill-opacityÄ�ā‚¬ā„¢	<opacity-value> \| inherit	1	shapes and text content elements	yes	N/A	visual	yes
Ä�ā‚¬ļæ½fill-ruleÄ�ā‚¬ā„¢	nonzero \| evenodd \| inherit	nonzero	shapes and text content elements	yes	N/A	visual	yes
Ä�ā‚¬ļæ½filterÄ�ā‚¬ā„¢	<funciri> \| none \| inherit	none	container elements and graphics elements	no	N/A	visual	yes
Ä�ā‚¬ļæ½flood-colorÄ�ā‚¬ā„¢	currentColor \| <color> [<icccolor>] \| inherit	black	Ä�ā‚¬ļæ½feFloodÄ�ā‚¬ā„¢ elements	no	N/A	visual	yes
Ä�ā‚¬ļæ½flood-opacityÄ�ā‚¬ā„¢	<opacity-value> \| inherit	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 \| inherit	see individual properties	text content elements	yes	see individual properties	visual	yesÄ€Ā ^[1]
Ä�ā‚¬ļæ½font-familyÄ�ā‚¬ā„¢	[[ <family-name> \| <generic-family> ],]* [ <family-name> \| <generic-family>] \| inherit	depends on user agent	text content elements	yes	N/A	visual	yes
Ä�ā‚¬ļæ½font-sizeÄ�ā‚¬ā„¢	<absolute-size> \| <relative-size> \| <length> \| <percentage> \| inherit	medium	text content elements	yes, the computed value is inherited	refer to parent element's font size	visual	yes
Ä�ā‚¬ļæ½font-size-adjustÄ�ā‚¬ā„¢	<number> \| none \| inherit	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 \| inherit	normal	text content elements	yes	N/A	visual	yes
Ä�ā‚¬ļæ½font-styleÄ�ā‚¬ā„¢	normal \| italic \| oblique \| inherit	normal	text content elements	yes	N/A	visual	yes
Ä�ā‚¬ļæ½font-variantÄ�ā‚¬ā„¢	normal \| small-caps \| inherit	normal	text content elements	yes	N/A	visual	yes
Ä�ā‚¬ļæ½font-weightÄ�ā‚¬ā„¢	normal \| bold \| bolder \| lighter \| 100 \| 200 \| 300 \| 400 \| 500 \| 600 \| 700 \| 800 \| 900 \| inherit	normal	text content elements	yes	N/A	visual	yes
Ä�ā‚¬ļæ½glyph-orientation-horizontalÄ�ā‚¬ā„¢	<angle> \| inherit	0deg	text content elements	yes	N/A	visual	no
Ä�ā‚¬ļæ½glyph-orientation-verticalÄ�ā‚¬ā„¢	auto \| <angle> \| inherit	auto	text content elements	yes	N/A	visual	no
Ä�ā‚¬ļæ½image-renderingÄ�ā‚¬ā„¢	auto \| optimizeSpeed \| optimizeQuality \| inherit	auto	images	yes	N/A	visual	yes
Ä�ā‚¬ļæ½kerningÄ�ā‚¬ā„¢	auto \| <length> \| inherit	auto	text content elements	yes	N/A	visual	yes
Ä�ā‚¬ļæ½letter-spacingÄ�ā‚¬ā„¢	normal \| <length> \| inherit	normal	text content elements	yes	N/A	visual	yes
Ä�ā‚¬ļæ½lighting-colorÄ�ā‚¬ā„¢	currentColor \| <color> [<icccolor>] \| inherit	white	Ä�ā‚¬ļæ½feDiffuseLightingÄ�ā‚¬ā„¢ and Ä�ā‚¬ļæ½feSpecularLightingÄ�ā‚¬ā„¢ elements	no	N/A	visual	yes
Ä�ā‚¬ļæ½markerÄ�ā‚¬ā„¢	see individual properties	see individual properties	Ä�ā‚¬ļæ½pathÄ�ā‚¬ā„¢, Ä�ā‚¬ļæ½lineÄ�ā‚¬ā„¢, Ä�ā‚¬ļæ½polylineÄ�ā‚¬ā„¢ and Ä�ā‚¬ļæ½polygonÄ�ā‚¬ā„¢ elements	yes	N/A	visual	yes
Ä�ā‚¬ļæ½marker-endÄ�ā‚¬ā„¢ Ä�ā‚¬ļæ½marker-midÄ�ā‚¬ā„¢ Ä�ā‚¬ļæ½marker-startÄ�ā‚¬ā„¢	none \| inherit \| <funciri>	none	Ä�ā‚¬ļæ½pathÄ�ā‚¬ā„¢, Ä�ā‚¬ļæ½lineÄ�ā‚¬ā„¢, Ä�ā‚¬ļæ½polylineÄ�ā‚¬ā„¢ and Ä�ā‚¬ļæ½polygonÄ�ā‚¬ā„¢ elements	yes	N/A	visual	yes
Ä�ā‚¬ļæ½maskÄ�ā‚¬ā„¢	<funciri> \| none \| inherit	none	container elements and graphics elements	no	N/A	visual	yes
Ä�ā‚¬ļæ½opacityÄ�ā‚¬ā„¢	<opacity-value> \| inherit	1	container elements and graphics elements	no	N/A	visual	yes
Ä�ā‚¬ļæ½overflowÄ�ā‚¬ā„¢	visible \| hidden \| scroll \| auto \| inherit	see prose	elements which establish a new viewport, Ä�ā‚¬ļæ½patternÄ�ā‚¬ā„¢ elements and Ä�ā‚¬ļæ½markerÄ�ā‚¬ā„¢ elements	no	N/A	visual	yes
Ä�ā‚¬ļæ½pointer-eventsÄ�ā‚¬ā„¢	visiblePainted \| visibleFill \| visibleStroke \| visible \| painted \| fill \| stroke \| all \| none \| inherit	visiblePainted	graphics elements	yes	N/A	visual	yes
Ä�ā‚¬ļæ½shape-renderingÄ�ā‚¬ā„¢	auto \| optimizeSpeed \| crispEdges \| geometricPrecision \| inherit	auto	shapes	yes	N/A	visual	yes
Ä�ā‚¬ļæ½stop-colorÄ�ā‚¬ā„¢	currentColor \| <color> [<icccolor>] \| inherit	black	Ä�ā‚¬ļæ½stopÄ�ā‚¬ā„¢ elements	no	N/A	visual	yes
Ä�ā‚¬ļæ½stop-opacityÄ�ā‚¬ā„¢	<opacity-value> \| inherit	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> \| inherit	none	shapes and text content elements	yes	N/A	visual	yesÄ€Ā ^[1]
Ä�ā‚¬ļæ½stroke-dashoffsetÄ�ā‚¬ā„¢	<percentage> \| <length> \| inherit	0	shapes and text content elements	yes	see prose	visual	yes
Ä�ā‚¬ļæ½stroke-linecapÄ�ā‚¬ā„¢	butt \| round \| square \| inherit	butt	shapes and text content elements	yes	N/A	visual	yes
Ä�ā‚¬ļæ½stroke-linejoinÄ�ā‚¬ā„¢	miter \| round \| bevel \| inherit	miter	shapes and text content elements	yes	N/A	visual	yes
Ä�ā‚¬ļæ½stroke-miterlimitÄ�ā‚¬ā„¢	<miterlimit> \| inherit	4	shapes and text content elements	yes	N/A	visual	yes
Ä�ā‚¬ļæ½stroke-opacityÄ�ā‚¬ā„¢	<opacity-value> \| inherit	1	shapes and text content elements	yes	N/A	visual	yes
Ä�ā‚¬ļæ½stroke-widthÄ�ā‚¬ā„¢	<percentage> \| <length> \| inherit	1	shapes and text content elements	yes	N/A	visual	yes
Ä�ā‚¬ļæ½text-anchorÄ�ā‚¬ā„¢	start \| middle \| end \| inherit	start	text content elements	yes	N/A	visual	yes
Ä�ā‚¬ļæ½text-decorationÄ�ā‚¬ā„¢	none \| [ underline \|\| overline \|\| line-through \|\| blink ] \| inherit	none	text content elements	no (see prose)	N/A	visual	yes
Ä�ā‚¬ļæ½text-renderingÄ�ā‚¬ā„¢	auto \| optimizeSpeed \| optimizeLegibility \| geometricPrecision \| inherit	auto	Ä�ā‚¬ļæ½textÄ�ā‚¬ā„¢ elements	yes	N/A	visual	yes
Ä�ā‚¬ļæ½unicode-bidiÄ�ā‚¬ā„¢	normal \| embed \| bidi-override \| inherit	normal	text content elements	no	N/A	visual	no
Ä�ā‚¬ļæ½visibilityÄ�ā‚¬ā„¢	visible \| hidden \| collapse \| inherit	visible	graphics elements (including the Ä�ā‚¬ļæ½textÄ�ā‚¬ā„¢ element) and text sub-elements (i.e., Ä�ā‚¬ļæ½tspanÄ�ā‚¬ā„¢, Ä�ā‚¬ļæ½trefÄ�ā‚¬ā„¢, Ä�ā‚¬ļæ½altGlyphÄ�ā‚¬ā„¢, Ä�ā‚¬ļæ½textPathÄ�ā‚¬ā„¢ and Ä�ā‚¬ļæ½aÄ�ā‚¬ā„¢)	yes	N/A	visual	yes
Ä�ā‚¬ļæ½word-spacingÄ�ā‚¬ā„¢	normal \| <length> \| inherit	normal	text content elements	yes	N/A	visual	yes
Ä�ā‚¬ļæ½writing-modeÄ�ā‚¬ā„¢	lr-tb \| rl-tb \| tb-rl \| lr \| rl \| tb \| inherit	lr-tb	Ä�ā‚¬ļæ½textÄ�ā‚¬ā„¢ elements	yes	N/A	visual	no

^[1] The Ä�ā‚¬ļæ½fontÄ�ā‚¬ā„¢, Ä�ā‚¬ļæ½font-size-adjustÄ�ā‚¬ā„¢ and Ä�ā‚¬ļæ½stroke-dasharrayÄ�ā‚¬ā„¢ properties are animatable but do not support additive animation.