CSS式样参考手册

CSS样式参考手册
Name Values Initial value Applies to
(Default: all) Inherited? Percentages
(Default: N/A) Media groups

azimuth	<angle> | [[ left-side | far-left | left | center-left | center | center-right | right | far-right | right-side ] || behind ] | leftwards | rightwards | inherit	center	?	yes	?	aural
background	[background-color || background-image || background-repeat || background-attachment || background-position ] | inherit	XX	?	no	allowed on background-position	visual
background-attachment	scroll | fixed | inherit	scroll	?	no	?	visual
background-color	<color> | transparent | inherit	transparent	?	no	?	visual
background-image	<uri> | none | inherit	none	?	no	?	visual
background-position	[ [<percentage> | <length> ]{1,2} | [ [top | center | bottom] || [left | center | right] ] ] | inherit	0% 0%	block-level and replaced elements	no	refer to the size of the box itself	visual
background-repeat	repeat | repeat-x | repeat-y | no-repeat | inherit	repeat	?	no	?	visual
border	[ border-width || border-style || <color> ] | inherit	see individual properties	?	no	?	visual
border-collapse	collapse | separate | inherit	collapse	table and inline-table elements	yes	?	visual
border-color	<color> {1,4} | transparent | inherit	see individual properties	?	no	?	visual
border-spacing	<length> <length> ? | inherit	0	table and inline-table elements	yes	?	visual
border-style	<border-style> {1,4} | inherit	see individual properties	?	no	?	visual
border-top border-right border-bottom border-left	[ border-top-width || border-style || <color> ] | inherit	see individual properties	?	no	?	visual
border-top-color border-right-color border-bottom-color border-left-color	<color> | inherit	the value of the color property	?	no	?	visual
border-top-style border-right-style border-bottom-style border-left-style	<border-style> | inherit	none	?	no	?	visual
border-top-width border-right-width border-bottom-width border-left-width	<border-width> | inherit	medium	?	no	?	visual
border-width	<border-width> {1,4} | inherit	see individual properties	?	no	?	visual
bottom	<length> | <percentage> | auto | inherit	auto	positioned elements	no	refer to height of containing block	visual
caption-side	top | bottom | left | right | inherit	top	table-caption elements	yes	?	visual
clear	none | left | right | both | inherit	none	block-level elements	no	?	visual
clip	<shape> | auto | inherit	auto	block-level and replaced elements	no	?	visual
color	<color> | inherit	depends on user agent	?	yes	?	visual
content	[ <string> | <uri> | <counter> | attr(X) | open-quote | close-quote | no-open-quote | no-close-quote ]+ | inherit	empty string	:before and :after pseudo-elements	no	?	all
counter-increment	[ <identifier> <integer> ? ]+ | none | inherit	none	?	no	?	all
counter-reset	[ <identifier> <integer> ? ]+ | none | inherit	none	?	no	?	all
cue	[ cue-before || cue-after ] | inherit	XX	?	no	?	aural
cue-after	<uri> | none | inherit	none	?	no	?	aural
cue-before	<uri> | none | inherit	none	?	no	?	aural
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	?	yes	?	visual , interactive
direction	ltr | rtl | inherit	ltr	all elements, but see prose	yes	?	visual
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	?	no	?	all
elevation	<angle> | below | level | above | higher | lower | inherit	level	?	yes	?	aural
empty-cells	show | hide | inherit	show	table-cell elements	yes	?	visual
float	left | right | none | inherit	none	all but positioned elements and generated content	no	?	visual
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	?	yes	allowed on font-size and line-height	visual
font-family	[[ <family-name> | <generic-family> ],]* [<family-name> | <generic-family> ] | inherit	depends on user agent	?	yes	?	visual
font-size	<absolute-size> | <relative-size> | <length> | <percentage> | inherit	medium	?	yes, the computed value is inherited	refer to parent elements font size	visual
font-size-adjust	<number> | none | inherit	none	?	yes	?	visual
font-stretch	normal | wider | narrower | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded | inherit	normal	?	yes	?	visual
font-style	normal | italic | oblique | inherit	normal	?	yes	?	visual
font-variant	normal | small-caps | inherit	normal	?	yes	?	visual
font-weight	normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit	normal	?	yes	?	visual
height	<length> | <percentage> | auto | inherit	auto	all elements but non-replaced inline elements, table columns, and column groups	no	see prose	visual
left	<length> | <percentage> | auto | inherit	auto	positioned elements	no	refer to width of containing block	visual
letter-spacing	normal | <length> | inherit	normal	?	yes	?	visual
line-height	normal | <number> | <length> | <percentage> | inherit	normal	?	yes	refer to the font size of the element itself	visual
list-style	[ list-style-type || list-style-position || list-style-image ] | inherit	XX	elements with display: list-item	yes	?	visual
list-style-image	<uri> | none | inherit	none	elements with display: list-item	yes	?	visual
list-style-position	inside | outside | inherit	outside	elements with display: list-item	yes	?	visual
list-style-type	disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-alpha | lower-latin | upper-alpha | upper-latin | hebrew | armenian | georgian | cjk-ideographic | hiragana | katakana | hiragana-iroha | katakana-iroha | none | inherit	disc	elements with display: list-item	yes	?	visual
margin	<margin-width> {1,4} | inherit	XX	?	no	refer to width of containing block	visual
margin-top margin-right margin-bottom margin-left	<margin-width> | inherit	0	?	no	refer to width of containing block	visual
marker-offset	<length> | auto | inherit	auto	elements with display: marker	no	?	visual
marks	[ crop || cross ] | none | inherit	none	page context	N/A	?	visual , paged
max-height	<length> | <percentage> | none | inherit	none	all elements except non-replaced inline elements and table elements	no	refer to height of containing block	visual
max-width	<length> | <percentage> | none | inherit	none	all elements except non-replaced inline elements and table elements	no	refer to width of containing block	visual
min-height	<length> | <percentage> | inherit	0	all elements except non-replaced inline elements and table elements	no	refer to height of containing block	visual
min-width	<length> | <percentage> | inherit	UA dependent	all elements except non-replaced inline elements and table elements	no	refer to width of containing block	visual
orphans	<integer> | inherit	2	block-level elements	yes	?	visual , paged
outline	[ outline-color || outline-style || outline-width ] | inherit	see individual properties	?	no	?	visual , interactive
outline-color	<color> | invert | inherit	invert	?	no	?	visual , interactive
outline-style	<border-style> | inherit	none	?	no	?	visual , interactive
outline-width	<border-width> | inherit	medium	?	no	?	visual , interactive
overflow	visible | hidden | scroll | auto | inherit	visible	block-level and replaced elements	no	?	visual
padding	<padding-width> {1,4} | inherit	XX	?	no	refer to width of containing block	visual
padding-top padding-right padding-bottom padding-left	<padding-width> | inherit	0	?	no	refer to width of containing block	visual
page	<identifier> | auto	auto	block-level elements	yes	?	visual , paged
page-break-after	auto | always | avoid | left | right | inherit	auto	block-level elements	no	?	visual , paged
page-break-before	auto | always | avoid | left | right | inherit	auto	block-level elements	no	?	visual , paged
page-break-inside	avoid | auto | inherit	auto	block-level elements	yes	?	visual , paged
pause	[ [<time> | <percentage> ]{1,2} ] | inherit	depends on user agent	?	no	see descriptions of pause-before and pause-after	aural
pause-after	<time> | <percentage> | inherit	depends on user agent	?	no	see prose	aural
pause-before	<time> | <percentage> | inherit	depends on user agent	?	no	see prose	aural
pitch	<frequency> | x-low | low | medium | high | x-high | inherit	medium	?	yes	?	aural
pitch-range	<number> | inherit	50	?	yes	?	aural
play-during	<uri> mix? repeat? | auto | none | inherit	auto	?	no	?	aural
position	static | relative | absolute | fixed | inherit	static	all elements, but not to generated content	no	?	visual
quotes	[<string> <string> ]+ | none | inherit	depends on user agent	?	yes	?	visual
richness	<number> | inherit	50	?	yes	?	aural
right	<length> | <percentage> | auto | inherit	auto	positioned elements	no	refer to width of containing block	visual
size	<length> {1,2} | auto | portrait | landscape | inherit	auto	the page context	N/A	?	visual , paged
speak	normal | none | spell-out | inherit	normal	?	yes	?	aural
speak-header	once | always | inherit	once	elements that have table header information	yes	?	aural
speak-numeral	digits | continuous | inherit	continuous	?	yes	?	aural
speak-punctuation	code | none | inherit	none	?	yes	?	aural
speech-rate	<number> | x-slow | slow | medium | fast | x-fast | faster | slower | inherit	medium	?	yes	?	aural
stress	<number> | inherit	50	?	yes	?	aural
table-layout	auto | fixed | inherit	auto	table and inline-table elements	no	?	visual
text-align	left | right | center | justify | <string> | inherit	depends on user agent and writing direction	block-level elements	yes	?	visual
text-decoration	none | [ underline || overline || line-through || blink ] | inherit	none	?	no (see prose)	?	visual
text-indent	<length> | <percentage> | inherit	0	block-level elements	yes	refer to width of containing block	visual
text-shadow	none | [<color> || <length> <length> <length> ? ,]* [<color> || <length> <length> <length> ?] | inherit	none	?	no (see prose)	?	visual
text-transform	capitalize | uppercase | lowercase | none | inherit	none	?	yes	?	visual
top	<length> | <percentage> | auto | inherit	auto	positioned elements	no	refer to height of containing block	visual
unicode-bidi	normal | embed | bidi-override | inherit	normal	all elements, but see prose	no	?	visual
vertical-align	baseline | sub | super | top | text-top | middle | bottom | text-bottom | <percentage> | <length> | inherit	baseline	inline-level and table-cell elements	no	refer to the line-height of the element itself	visual
visibility	visible | hidden | collapse | inherit	inherit	?	no	?	visual
voice-family	[[<specific-voice> | <generic-voice> ],]* [<specific-voice> | <generic-voice> ] | inherit	depends on user agent	?	yes	?	aural
volume	<number> | <percentage> | silent | x-soft | soft | medium | loud | x-loud | inherit	medium	?	yes	refer to inherited value	aural
white-space	normal | pre | nowrap | inherit	normal	block-level elements	yes	?	visual
widows	<integer> | inherit	2	block-level elements	yes	?	visual , paged
width	<length> | <percentage> | auto | inherit	auto	all elements but non-replaced inline elements, table rows, and row groups	no	refer to width of containing block	visual
word-spacing	normal | <length> | inherit	normal	?	yes	?	visual
z-index	auto | <integer> | inherit	auto	positioned elements	no	?	visual