CSS Properties

Send Feedback

This is an overview of the Properties that are available in Cascading Style Sheets. These properties can be spatial, related to an aspect of the document, controlling layout or other such aspects of page design.

Structure	Possible Values	Windows Mobile	CSS Mobile	WAP CSS	CSS2	Comments
background		Yes	Yes	Yes	Yes
	[ 'background-color' || 'background-image' || 'background-repeat' || 'background-attachment' || 'background-position' ]	Yes	Yes	Yes	Yes
	inherit	Yes	Yes	Yes	Yes
background-attachment		Yes*	Yes	Yes	Yes	* Only supported on elements having the CSS property "display" with values [ block | table | inlinetable | tablecell ]
	scroll	Yes	Yes	Yes	Yes
	fixed	No	No	Yes	Yes
	inherit	Yes	Yes	Yes	Yes
background-color		Yes	Yes	Yes	Yes	Not supported on replaced form controls (buttons, text, select, etc.)
	<color>	Yes	Yes	Yes	Yes
	transparent	Yes	Yes	Yes	Yes
	inherit	Yes	Yes	Yes	Yes
background-image		Yes*	Yes	Yes	Yes	* Only supported on elements having the CSS property "display" with values [ block | table | inlinetable | tablecell ]
	<uri>	Yes	Yes	Yes	Yes
	none	Yes	Yes	Yes	Yes
	inherit	Yes	Yes	Yes	Yes
background-position		Yes*	Yes	Yes	Yes	* Only supported on elements having the CSS property "display" with values [ block | table | inlinetable | tablecell ]
	<percentage>	Yes	Yes	Yes	Yes
	<length>	Yes	Yes	Yes	Yes
	top	Yes	Yes	Yes	Yes
	center	Yes	Yes	Yes	Yes
	bottom	Yes	Yes	Yes	Yes
	left	Yes	Yes	Yes	Yes
	center	Yes	Yes	Yes	Yes
	right	Yes	Yes	Yes	Yes
	inherit	Yes	Yes	Yes	Yes
background-repeat		Yes*	Yes	Yes	Yes	* Only supported on elements having the CSS property "display" with values [ block | table | inlinetable | tablecell ]
	repeat	Yes	Yes	Yes	Yes
	repeat-x	Yes	Yes	Yes	Yes
	repeat-y	Yes	Yes	Yes	Yes
	no-repeat	Yes	Yes	Yes	Yes
	inherit	Yes	Yes	Yes	Yes
border		Yes	Yes	Yes	Yes	Not supported on replaced form controls (buttons, text, select, etc.)
	[ 'border-width' || 'border-style' || color ]	Yes	Yes	Yes	Yes
	inherit	Yes	Yes	Yes	Yes
border-collapse		No	No	No	Yes
	collapse	No	No	No	Yes
	separate	No	No	No	Yes
	inherit	No	No	No	Yes
border-color		Yes	Yes	No	Yes	Not supported on replaced form controls (buttons, text, select, etc.)
	<color>{1,4}	Yes	Yes	No	Yes
	transparent	Yes	Yes	No	Yes
	inherit	Yes	Yes	No	Yes
border-spacing		No	No	No	Yes
	<length> <length>?	No	No	No	Yes
	inherit	No	No	No	Yes
border-style		Yes	Yes	No	Yes	Not supported on replaced form controls (buttons, text, select, etc.)
	<border-style>{1,4}	Yes	Yes	No	Yes	none, solid, dashed, all others default to solid
	inherit	Yes	Yes	No	Yes
border-top border-right border-bottom border-left		Yes	Yes	Yes	Yes	Not supported on replaced form controls (buttons, text, select, etc.)
	[ 'border-top-width' || 'border-style' || <color> ]	Yes	Yes	Yes	Yes
	inherit	Yes	Yes	Yes	Yes
border-top-color border-right-color border-bottom-color border-left-color		Yes	Yes	Yes	Yes	Not supported on replaced form controls (buttons, text, select, etc.)
	<color>	Yes	Yes	Yes	Yes
	inherit	Yes	Yes	Yes	Yes
border-top-style border-right-style border-bottom-style border-left-style		Yes	Yes	Yes	Yes	Not supported on replaced form controls (buttons, text, select, etc.)
	<border-style>	Yes	Yes	Yes	Yes
	inherit	Yes	Yes	Yes	Yes
border-top-width border-right-width border-bottom-width border-left-width		Yes	Yes	Yes	Yes	Not supported on replaced form controls (buttons, text, select, etc.)
	<border-width>	Yes	Yes	Yes	Yes
	inherit	Yes	Yes	Yes	Yes
border-width		Yes	Yes	No	Yes	Not supported on replaced form controls (buttons, text, select, etc.)
	<border-width>{1,4}	Yes	Yes	No	Yes
	inherit	Yes	Yes	No	Yes
bottom		No	No	No	Yes
	<length>	No	No	No	Yes
	<percentage>	No	No	No	Yes
	auto	No	No	No	Yes
	inherit	No	No	No	Yes
caption-side		No	No	No	Yes
	top	No	No	No	Yes
	bottom	No	No	No	Yes
	left	No	No	No	Yes
	right	No	No	No	Yes
	inherit	No	No	No	Yes
clear		Yes	Yes	Yes	Yes
	none	Yes	Yes	Yes	Yes
	left	Yes	Yes	Yes	Yes
	right	Yes	Yes	Yes	Yes
	both	Yes	Yes	Yes	Yes
	inherit	Yes	Yes	Yes	Yes
clip		No	No	No	Yes
	<shape>	No	No	No	Yes
	auto	No	No	No	Yes
	inherit	No	No	No	Yes
color		Yes	Yes	No	Yes	Not supported on replaced form controls (buttons, text, select, etc.)
	<color>	Yes	Yes	No	Yes
	inherit	Yes	Yes	No	Yes
content		No	No	No	Yes
	<string>	No	No	No	Yes
	<uri>	No	No	No	Yes
	<counter>	No	No	No	Yes
	attr(X)	No	No	No	Yes
	open-quote	No	No	No	Yes
	close-quote	No	No	No	Yes
	no-open-quote	No	No	No	Yes
	no-close-quote	No	No	No	Yes
	inherit	No	No	No	Yes
counter-increment		No	No	No	Yes
	[ <identifier> <integer>? ]+	No	No	No	Yes
	none	No	No	No	Yes
	inherit	No	No	No	Yes
counter-reset		No	No	No	Yes
	inherit	No	No	No	Yes
cursor		No	No	No	Yes
	[<uri> ,]*	No	No	No	Yes
	auto	No	No	No	Yes
	crosshair	No	No	No	Yes
	default	No	No	No	Yes
	pointer	No	No	No	Yes
	move	No	No	No	Yes
	e-resize	No	No	No	Yes
	ne-resize	No	No	No	Yes
	nw-resize	No	No	No	Yes
	n-resize	No	No	No	Yes
	se-resize	No	No	No	Yes
	sw-resize	No	No	No	Yes
	s-resize	No	No	No	Yes
	w-resize	No	No	No	Yes
	text	No	No	No	Yes
	wait	No	No	No	Yes
	help	No	No	No	Yes
	inherit	No	No	No	Yes
direction		No	No	No	Yes
	ltr	No	No	No	Yes
	rtl	No	No	No	Yes
	inherit	No	No	No	Yes
display		Yes	Yes	Yes	Yes
	inline	Yes	Yes	Yes	Yes
	block	Yes	Yes	Yes	Yes
	list-item	Yes	Yes	Yes	Yes
	run-in	No	No	No	Yes
	compact	No	No	No	Yes
	marker	No	No	No	Yes
	table	Yes	No	No	Yes
	inline-table	No	No	No	Yes	Same as table
	table-row-group	Yes	No	No	Yes
	table-header-group	Yes	No	No	Yes
	table-footer-group	Yes	No	No	Yes
	table-row	Yes	No	No	Yes
	table-column-group	No	No	No	Yes
	table-column	No	No	No	Yes
	table-cell	Yes	No	No	Yes
	table-caption	Yes	No	No	Yes
	none	Yes	Yes	Yes	Yes
	-wap-marquee	No	No	Yes	No
	inherit	Yes	No	No	Yes
empty-cells		No	No	No	Yes
	show	No	No	No	Yes
	hide	No	No	No	Yes
	inherit	No	No	No	Yes
float		Yes	Yes	Yes	Yes
	left	Yes	Yes	Yes	Yes
	right	Yes	Yes	Yes	Yes
	none	Yes	Yes	Yes	Yes
	inherit	Yes	Yes	Yes	Yes
font		Yes	Yes	Yes	No
	[ 'font-style' || 'font-variant' || 'font-weight' ]? 'font-size' [ / 'line-height' ] 'font-family'	Yes*	Yes	Yes	Yes	* Line-height is ignored.
	caption	Yes	Yes	Yes	Yes
	icon	Yes	Yes	Yes	Yes
	menu	Yes	Yes	Yes	Yes
	message-box	Yes	Yes	Yes	Yes
	small-caption	Yes	Yes	Yes	Yes
	status-bar	Yes	Yes	Yes	Yes
	inherit	Yes	Yes	Yes	Yes
font-family		Yes	Yes	Yes	Yes
	[ <family-name> | <generic-family> ], * [ < family-name> | <generic-family> ]	Yes	Yes	Yes	Yes
	inherit	Yes	Yes	Yes	Yes
font-size		Yes	Yes	Yes	Yes
	<absolute-size>	Yes	Yes	Yes	Yes
	<relative-size>	Yes	Yes	Yes	Yes
	<length>	Yes	Yes	Yes	Yes
	<percentage>	Yes	Yes	Yes	Yes
	inherit	Yes	Yes	Yes	Yes
font-size-adjust		No	No	No	Yes
	<number>	No	No	No	Yes
	none	No	No	No	Yes
	inherit	No	No	No	Yes
font-stretch		No	No	No	Yes
	normal	No	No	No	Yes
	wider	No	No	No	Yes
	narrower	No	No	No	Yes
	ultra-condensed	No	No	No	Yes
	extra-condensed	No	No	No	Yes
	condensed	No	No	No	Yes
	semi-condensed	No	No	No	Yes
	semi-expanded	No	No	No	Yes
	expanded	No	No	No	Yes
	extra-expanded	No	No	No	Yes
	ultra-expanded	No	No	No	Yes
	inherit	No	No	No	Yes
font-style		Yes	Yes	Yes	Yes
	normal	Yes	Yes	Yes	Yes
	italic	Yes	Yes	Yes	Yes
	oblique	Yes	Yes	Yes	Yes
	inherit	Yes	Yes	Yes	Yes
font-variant		No	Yes	Yes	Yes
	normal	No	Yes	Yes	Yes
	small-caps	No	Yes	Yes	Yes
	inherit	No	Yes	Yes	Yes
font-weight		Yes	Yes	Yes	Yes
	normal	Yes	Yes	Yes	Yes
	bold	Yes	Yes	Yes	Yes
	bolder	Yes	Yes	Yes	Yes
	lighter	Yes	Yes	Yes	Yes
	100	Yes	Yes	Yes	Yes
	200	Yes	Yes	Yes	Yes
	300	Yes	Yes	Yes	Yes
	400	Yes	Yes	Yes	Yes
	500	Yes	Yes	Yes	Yes
	600	Yes	Yes	Yes	Yes
	700	Yes	Yes	Yes	Yes
	800	Yes	Yes	Yes	Yes
	900	Yes	Yes	Yes	Yes
	inherit	Yes	Yes	Yes	Yes
height		Yes	Yes	Yes	Yes	Not supported on replaced form controls (buttons, text, select, etc.)
	<length>	Yes	Yes	Yes	Yes
	<percentage>	Yes	Yes	Yes	Yes
	auto	Yes	Yes	Yes	Yes
	inherit	Yes	Yes	Yes	Yes
left		No	No	No	Yes
	<length>	No	No	No	Yes
	<percentage>	No	No	No	Yes
	auto	No	No	No	Yes
	inherit	No	No	No	Yes
letter-spacing		No	No	No	Yes
	normal	No	No	No	Yes
	<length>	No	No	No	Yes
	inherit	No	No	No	Yes
line-height		No	No	No	Yes
	normal	No	No	No	Yes
	<number>	No	No	No	Yes
	<length>	No	No	No	Yes
	<percentage>	No	No	No	Yes
	inherit	No	No	No	Yes
list-style		Yes	Yes	No	Yes
	[ 'list-style-type' || 'list-style-position' || 'list-style-image' ]	Yes	Yes	No	Yes
	inherit	Yes	Yes	No	Yes
list-style-image		No	Yes	Yes	Yes
	<uri>	No	Yes	Yes	Yes
	none	No	Yes	Yes	Yes
	inherit	No	Yes	Yes	Yes
list-style-position		Yes	Yes	Yes	Yes
	inside	Yes	Yes	Yes	Yes
	outside	Yes	Yes	Yes	Yes
	inherit	Yes	Yes	Yes	Yes
list-style-type		Yes	Yes	Yes	Yes
	disc	Yes	Yes	Yes	Yes
	circle	Yes	Yes	Yes	Yes
	square	Yes	Yes	Yes	Yes
	decimal	Yes	Yes	Yes	Yes
	decimal-leading-zero	No	No	No	Yes
	lower-roman	Yes	Yes	Yes	Yes
	upper-roman	Yes	Yes	Yes	Yes
	lower-greek	No	No	No	Yes
	lower-alpha	Yes	Yes	Yes	Yes
	lower-latin	No	No	No	Yes
	upper-alpha	Yes	Yes	Yes	Yes
	upper-latin	No	No	No	Yes
	hebrew	No	No	No	Yes
	armenian	No	No	No	Yes
	georgian	No	No	No	Yes
	cjk-ideographic	No	No	No	Yes
	hiragana	No	No	No	Yes
	katakana	No	No	No	Yes
	hiragana-iroha	No	No	No	Yes
	katakana-iroha	No	No	No	Yes
	none	Yes	Yes	Yes	Yes
	inherit	Yes	Yes	Yes	Yes
margin		Yes	Yes	No	Yes
	<margin-width>	Yes	Yes	No	Yes
	inherit	Yes	Yes	No	Yes
margin-top margin-right margin-bottom margin-left		Yes	Yes	Yes	Yes
	<margin-width>	Yes	Yes	Yes	Yes
	inherit	Yes	Yes	Yes	Yes
marker-offset		No	No	No	Yes
	<length>	No	No	No	Yes
	auto	No	No	No	Yes
	inherit	No	No	No	Yes
marks		No	No	No	Yes
	[crop || cross]	No	No	No	Yes
	none	No	No	No	Yes
	inherit	No	No	No	Yes
max-height		No	No	No	Yes
	<length>	No	No	No	Yes
	<percentage>	No	No	No	Yes
	none	No	No	No	Yes
	inherit	No	No	No	Yes
max-width		No	No	No	Yes
	<length>	No	No	No	Yes
	<percentage>	No	No	No	Yes
	none	No	No	No	Yes
	inherit	No	No	No	Yes
min-height		No	No	No	Yes
	<length>	No	No	No	Yes
	<percentage>	No	No	No	Yes
	inherit	No	No	No	Yes
min-width		No	No	No	Yes
	<length>	No	No	No	Yes
	<percentage>	No	No	No	Yes
	inherit	No	No	No	Yes
orphans		No	No	No	Yes
	<integer>	No	No	No	Yes
	inherit	No	No	No	Yes
outline		No	No	No	Yes
	[ 'outline-color' || 'outline-style' || 'outline-width' ]	No	No	No	Yes
	inherit	No	No	No	Yes
outline-color		No	No	No	Yes
	<color>	No	No	No	Yes
	invert	No	No	No	Yes
	inherit	No	No	No	Yes
outline-style		No	No	No	Yes
	<border-style>	No	No	No	Yes
	inherit	No	No	No	Yes
outline-width		No	No	No	Yes
	<border-width>	No	No	No	Yes
	inherit	No	No	No	Yes
overflow		No	No	No	Yes
	visible	No	No	No	Yes
	hidden	No	No	No	Yes
	scroll	No	No	No	Yes
	auto	No	No	No	Yes
	inherit	No	No	No	Yes
padding		Yes	Yes	No	Yes
	<padding-width>{1, 4}	Yes	Yes	No	Yes
	inherit	Yes	Yes	No	Yes
padding-top padding-right padding-bottom padding-left		Yes	Yes	Yes	Yes
	<padding-width>	Yes	Yes	Yes	Yes
	inherit	Yes	Yes	Yes	Yes
page		No	No	No	Yes
	<identifier>	No	No	No	Yes
	auto	No	No	No	Yes
page-break-after		No	No	No	Yes
	auto	No	No	No	Yes
	always	No	No	No	Yes
	avoid	No	No	No	Yes
	left	No	No	No	Yes
	right	No	No	No	Yes
	inherit	No	No	No	Yes
page-break-before		No	No	No	Yes
	auto	No	No	No	Yes
	always	No	No	No	Yes
	avoid	No	No	No	Yes
	left	No	No	No	Yes
	right	No	No	No	Yes
	inherit	No	No	No	Yes
page-break-inside		No	No	No	Yes
	avoid	No	No	No	Yes
	auto	No	No	No	Yes
	inherit	No	No	No	Yes
position		No	No	No	Yes
	static	No	No	No	Yes
	relative	No	No	No	Yes
	absolute	No	No	No	Yes
	fixed	No	No	No	Yes
	inherit	No	No	No	Yes
quotes		No	No	No	Yes
	[ <string><string> ]+	No	No	No	Yes
	none	No	No	No	Yes
	inherit	No	No	No	Yes
richness		No	No	No	Yes
	<number>	No	No	No	Yes
	inherit	No	No	No	Yes
right		No	No	No	Yes
	<length>	No	No	No	Yes
	<percentage>	No	No	No	Yes
	auto	No	No	No	Yes
	inherit	No	No	No	Yes
size		No	No	No	Yes
	<length>{1,2}	No	No	No	Yes
	auto	No	No	No	Yes
	portrait	No	No	No	Yes
	landscape	No	No	No	Yes
	inherit	No	No	No	Yes
table-layout		No	No	No	Yes
	auto	No	No	No	Yes
	fixed	No	No	No	Yes
	inherit	No	No	No	Yes
text-align		Yes	Yes	Yes	Yes
	left	Yes	Yes	Yes	Yes
	right	Yes	Yes	Yes	Yes
	center	Yes	Yes	Yes	Yes
	justify	No	Yes	No	Yes	justify == left
	<string>	No	No	No	Yes
	inherit	Yes	Yes	Yes	Yes
text-decoration		Yes	Yes	Yes	Yes
	none	Yes	Yes	Yes	Yes
	underline	Yes	Yes	Yes	Yes
	overline	No	No	No	Yes
	line-through	Yes	No	No	Yes
	inherit	Yes	Yes	No	Yes
text-indent		Yes	Yes	Yes	Yes
	<length>	Yes	Yes	Yes	Yes
	<percentage>	Yes	Yes	Yes	Yes
	inherit	Yes	Yes	Yes	Yes
text-overflow		Yes	No	No	Yes
	<text-overflow-mode> || <text-overflow-ellipsis>	No	No	No	Yes
text-overflow-ellipsis		Yes	No	No	Yes
	<ellipsis>{1,2}	No	No	No	Yes
text-overflow-mode		Yes	No	No	Yes
	clip	Yes	No	No	Yes
	ellipsis	Yes	No	No	Yes
	ellipsis-word	No	No	No	Yes
text-shadow		No	No	No	Yes
	none	No	No	No	Yes
	[ <color> || <length> <length> <length>?,]* [ <color> || <length> <length> <length>? ]	No	No	No	Yes
	inherit	No	No	No	Yes
text-transform		No	Yes	Yes	Yes
	capitalize	No	Yes	Yes	Yes
	uppercase	No	Yes	Yes	Yes
	lowercase	No	Yes	Yes	Yes
	none	No	Yes	Yes	Yes
	inherit	No	Yes	Yes	Yes
top		No	No	No	Yes
	<length>	No	No	No	Yes
	<percentage>	No	No	No	Yes
	auto	No	No	No	Yes
	inherit	No	No	No	Yes
unicode-bidi		No	No	No	Yes
	normal	No	No	No	Yes
	embed	No	No	No	Yes
	bidi-override	No	No	No	Yes
	inherit	No	No	No	Yes
vertical-align		Yes	Yes	Yes	Yes
	baseline	Yes	Yes	Yes	Yes
	sub	Yes	Yes	Yes	Yes
	super	Yes	Yes	Yes	Yes
	top	Yes	No	Yes	Yes
	text-top	Yes	No	No	Yes
	middle	Yes	No	Yes	Yes
	bottom	Yes	No	Yes	Yes
	text-bottom	Yes	No	No	Yes
	<percentage>	Yes	No	No	Yes
	<length>	Yes	No	No	Yes
	inherit	Yes	Yes	No	Yes
visibility		Yes	Yes	Yes	Yes
	visible	Yes	Yes	Yes	Yes
	hidden	Yes	Yes	Yes	Yes
	collapse	Yes	Yes	No	Yes
	inherit	Yes	Yes	Yes	Yes
white-space		Yes	Yes	Yes	Yes
	normal	Yes	Yes	Yes	Yes
	pre	Yes	Yes	Yes	Yes	Doesn't affect whitespace handling, same as nowrap
	nowrap	Yes*	Yes	Yes	Yes	* Supports nowrap on block elements in "Desktop" and "Mobile Optimized" modes.
	inherit	Yes	Yes	Yes	Yes
wrap-option		Yes	No	No	Yes
	emergency	Yes	No	No	Yes
widows		No	No	No	Yes
	<integer>	No	No	No	Yes
	inherit	No	No	No	Yes
width		Yes	Yes	Yes	Yes	Not supported on replaced form controls (buttons, text, select, etc.)
	<length>	Yes	Yes	Yes	Yes
	<percentage>	Yes	Yes	Yes	Yes
	auto	Yes	Yes	Yes	Yes
	inherit	Yes	Yes	Yes	Yes
word-spacing		No	No	No	Yes
	normal	No	No	No	Yes
	<length>	No	No	No	Yes
	inherit	No	No	No	Yes
z-index		No	No	No	Yes
	auto	No	No	No	Yes
	<integer>	No	No	No	Yes
	inherit	No	No	No	Yes
-wap-accesskey		No	No	Yes	No	Extension of WAP CSS
	none	No	No	Yes	No
	<KeyCombination>+	No	No	Yes	No
	inherit	No	No	Yes	No
-wap-input-format		No	No	Yes	No	Extension of WAP CSS
	<format>	No	No	Yes	No
-wap-input-required		No	No	Yes	No	Extension of WAP CSS
	TRUE	No	No	Yes	No
	FALSE	No	No	Yes	No

See Also

CSS Support

Send Feedback on this topic to the authors

Feedback FAQs

© 2006 Microsoft Corporation. All rights reserved.