w3school 在线教程

CSS2 参考手册

点击表格中属性列的链接，可以查看相关属性的详细信息。

快速导航：

缩写：

浏览器支持：IE: Internet Explorer, F: Firefox, N: Netscape。

W3C：“W3C” 列的数字显示出属性由哪个 CSS 标准定义（CSS1 还是 CSS2）。

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