CSS 手册

CSS 背景属性

属性	描述	值	IE	F	N	W3C
background	简写属性，作用是将背景属性设置在一个声明中。	background-color background-image background-repeat background-attachment background-position	4	1	6	1
background-attachment	背景图像是否固定或者随着页面的其余部分滚动。	scroll fixed	4	1	6	1
background-color	设置元素的背景颜色。	color-rgb color-hex color-name transparent	4	1	4	1
background-image	把图像设置为背景。	url none	4	1	4	1
background-position	设置背景图像的起始位置。	top left top center top right center left center center center right bottom left bottom center bottom right x-% y-% x-pos y-pos	4	1	6	1
background-repeat	设置背景图像是否及如何重复。	repeat repeat-x repeat-y no-repeat	4	1	4	1

CSS 边框属性 (border)

属性	描述	值	IE	F	N	W3C
border	简写属性。作用是在一个声明中用来设置四个边框的所有属性。	border-width border-style border-color	4	1	4	1
border-bottom	简写属性。作用是在一个声明中用来设置下边框的所有属性。	border-bottom-width border-style border-color	4	1	6	1
border-bottom-color	设置下边框的颜色。	border-color	4	1	6	2
border-bottom-style	设置下边框的样式。	border-style	4	1	6	2
border-bottom-width	设置下边框的宽度。	thin medium thick length	4	1	4	1
border-color	设置四个边框的颜色，可以设置一到四个颜色。	color	4	1	6	1
border-left	简写属性。用于在一个声明中设置左边框的所有属性。	border-left-width border-style border-color	4	1	6	1
border-left-color	设置左边框的颜色。	border-color	4	1	6	2
border-left-style	设置左边框的样式。	border-style	4	1	6	2
border-left-width	设置左边框的宽度。	thin medium thick length	4	1	4	1
border-right	简写属性。将所有用于右边框的属性设置于一个声明中。	border-right-width border-style border-color	4	1	6	1
border-right-color	设置右边框的颜色	border-color	4	1	6	2
border-right-style	设置右边框的样式	border-style	4	1	6	2
border-right-width	设置右边框的宽度。	thin medium thick length	4	1	4	1
border-style	设置四个边框的样式，可以设置一到四个样式。	none hidden dotted dashed solid double groove ridge inset outset	4	1	6	1
border-top	简写属性。将所有用于上边框的属性设置于一个声明中。	border-top-width border-style border-color	4	1	6	1
border-top-color	设置上边框的颜色。	border-color	4	1	6	2
border-top-style	设置上边框的样式。	border-style	4	1	6	2
border-top-width	设置上边框的宽度。	thin medium thick length	4	1	4	1
border-width	简写属性。在一个声明中设置四个边框的宽度，可以设置一到四个值。	thin medium thick length	4	1	4	1

CSS 文本属性

属性	描述	值	IE	F	N	W3C
color	设置文本颜色。	color	3	1	4	1
direction	设置文本方向。	ltr rtl	6	1	6	2
letter-spacing	设置字符间距。	normal length	4	1	6	1
text-align	对齐元素中的文本。	left right center justify	4	1	4	1
text-decoration	向文本添加修饰。	none underline overline line-through blink	4	1	4	1
text-indent	缩进元素中文本的首行。	length %	4	1	4	1
text-shadow		none color length
text-transform	控制元素中的字母。	none capitalize uppercase lowercase	4	1	4	1
unicode-bidi	设置文本方向。	normal embed bidi-override	5			2
white-space	设设置元素中空白的处理方式。	normal pre nowrap	5	1	4	1
word-spacing	设置字间距。	normal length	6	1	6	1

CSS 字体属性 (font)

属性	描述	值	IE	F	N	W3C
font	简写属性。作用是将所有针对字体的属性设置在一个声明中。	font-style font-variant font-weight font-size/line-height font-family caption icon menu message-box small-caption status-bar	4	1	4	1
font-family	字体类型名称或者针对某元素的类属族名名称的优先列表。	family-name generic-family	3	1	4	1
font-size	设置字体的尺寸。	xx-small x-small small medium large x-large xx-large smaller larger length %	3	1	4	1
font-size-adjust	为元素规定 aspect 值。	none number	-	-	-	2
font-stretch	收缩或拉伸当前的字体族。	normal wider narrower ultra-condensed extra-condensed condensed semi-condensed semi-expanded expanded extra-expanded ultra-expanded	-	-	-	2
font-style	设置字体样式。	normal italic oblique	4	1	4	1
font-variant	以小型小写字体或者正常字体显示文本	normal small-caps	4	1	6	1
font-weight	设置字体的粗细。	normal bold bolder lighter 100 200 300 400 500 600 700 800 900	4	1	4	1

CSS 外边距属性 (margin)

属性	描述	值	IE	F	N	W3C
margin	简写属性。在一个声明中设置外边距属性。	margin-top margin-right margin-bottom margin-left	4	1	4	1
margin-bottom	设置元素的下外边距。	auto length %	4	1	4	1
margin-left	设置元素的左外边距。	auto length %	3	1	4	1
margin-right	设置元素的右外边距。	auto length %	3	1	4	1
margin-top	设置元素的上外边距。	auto length %	3	1	4	1

CSS 内边距属性 (padding)

属性	描述	值	IE	F	N	W3C
padding	简写属性。作用是在一个声明中设置元素的内边距属性。	padding-top padding-right padding-bottom padding-left	4	1	4	1
padding-bottom	设置元素的下内边距。	length %	4	1	4	1
padding-left	设置元素的左内边距。	length %	4	1	4	1
padding-right	设置元素的右内边距。	length %	4	1	4	1
padding-top	设置元素的上内边距。	length %	4	1	4	1

CSS 列表属性 (list)

属性	描述	值	IE	F	N	W3C
list-style	简写属性。用于将所有用于列表的属性设置于一个声明之中。	list-style-type list-style-position list-style-image	4	1	6	1
list-style-image	将图象设置为列表项标记。	none url	4	1	6	1
list-style-position	设置列表中列表项标记被放置的位置。	inside outside	4	1	6	1
list-style-type	设置列表项标记的类型。	none disc circle square decimal decimal-leading-zero lower-roman upper-roman lower-alpha upper-alpha lower-greek lower-latin upper-latin hebrew armenian georgian cjk-ideographic hiragana katakana hiragana-iroha katakana-iroha	4	1	4	1
marker-offset		auto length		1	7	2

内容生成

属性	描述	值	IE	F	N	W3C
content	生成文档中的内容。与 :before 以及 :after 伪元素配合使用。	string url counter(name) counter(name, list-style-type) counters(name, string) counters(name, string, list-style-type) attr(X) open-quote close-quote no-open-quote no-close-quote		1	6	2
counter-increment	设置某个选取器每次出现的计数器增量。	none identifier number				2
counter-reset	设置某个选择器出现次数的计数器的值。	none identifier number				2
quotes	设置引号的类型。	none string string	-	1	6	2

轮廓

属性	描述	值	IE	F	N	W3C
outline	简写属性。用来在一个声明中设置所有的 outline 属性。	outline-color outline-style outline-width	-	1.5	-	2
outline-color	设置围绕元素的轮廓的颜色。	color invert	-	1.5	-	2
outline-style	设置围绕元素的轮廓的样式。	none dotted dashed solid double groove ridge inset outset	-	1.5	-	2
outline-width	设置围绕元素的轮廓的宽度。	thin medium thick length	-	1.5	-	2

CSS 尺寸属性 (Dimension)

属性	描述	值	IE	F	N	W3C
height	设置元素高度。	auto length %	4	1	6	1
line-height	设置行间距。	normal number length %	4	1	4	1
max-height	设置元素的最大高度。	none length %	-	1	6	2
max-width	设置元素的最大宽度。	none length %	-	1	6	2
min-height	设置元素的最小高度。	length %	-	1	6	2
min-width	设置元素的最小宽度。	length %	-	1	6	2
width	设置元素的宽度。	auto % length	4	1	4	1

CSS 分类属性 (Classification)

属性	描述	值	IE	F	N	W3C
clear	设置不允许存在浮动对象的边	left right both none	4	1	4	1
cursor	规定光标类型（形状）	url auto crosshair default pointer move e-resize ne-resize nw-resize n-resize se-resize sw-resize s-resize w-resize text wait help	4	1	6	2
display	设置如何及是否显示某元素	none 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	4	1	4	1
float	设置图像或文本出现于另一元素中的何处	left right none	4	1	4	1
position	元素的定位方式：静态、相对定位、绝对定位、固定定位	static relative absolute fixed	4	1	4	2
visibility	设置元素可见或不可见	visible hidden collapse	4	1	6	2

CSS 定位属性 (Positioning)

属性	描述	值	IE	F	N	W3C
bottom	设置定位元素下外边距边界与其包含块下边界之间的偏移。	auto % length	5	1	6	2
clip	设置元素的形状。	shape auto	4	1	6	2
left	设置定位元素左外边距边界与其包含块左边界之间的偏移。	auto % length	4	1	4	2
overflow	设置当元素的内容溢出其区域时发生的事情。	visible hidden scroll auto	4	1	6	2
position	把元素放置到一个静态的、相对的、绝对的、或固定的位置中。	static relative absolute fixed	4	1	4	2
right	设置定位元素右外边距边界与其包含块右边界之间的偏移。	auto % length	5	1	6	2
top	设置定位元素的上外边距边界与其包含块上边界之间的偏移。	auto % length	4	1	4	2
vertical-align	设置元素的垂直排列。	baseline sub super top text-top middle bottom text-bottom length %	4	1	4	1
z-index	设置元素的堆叠顺序。	auto number	4	1	6	2

CSS 表格属性

属性	描述
border-collapse	设置是否把表格边框合并为单一的边框。
border-spacing	设置分隔单元格边框的距离。（仅用于 "separated borders" 模型）
caption-side	设置表格标题的位置。
empty-cells	设置是否显示表格中的空单元格。（仅用于 "separated borders" 模型）
table-layout	设置显示单元、行和列的算法。

CSS 伪类

伪类	作用	IE	F	N	W3C
:active	将样式添加到被激活的元素。	4	1	8	1
:focus	将样式添加到被选中的元素。	-	-	-	2
:hover	当鼠标悬浮在元素上方时，向元素添加样式。	4	1	7	1
:link	将特殊的样式添加到未被访问过的链接。	3	1	4	1
:visited	将特殊的样式添加到被访问过的链接。	3	1	4	1
:first-child	将特殊的样式添加到元素的第一个子元素。		1	7	2
:lang	允许创作者来定义指定的元素中使用的语言。		1	8	2

CSS 伪元素

伪元素	作用	IE	F	N	W3C
:first-letter	向文本的第一个字母添加特殊样式。	5	1	8	1
:first-line	向文本的首行添加特殊样式。	5	1	8	1
:before	在元素内容之前插入内容。		1.5	8	2
:after	在元素内容之后插入内容。		1.5	8	2