B.1　CSS属性和值

表B.1　CSS属性和值
属性/值 描述和注释
background 任何background-attachment、background-color、background-image、background-repeat和（或）background-position值的组合，或inherit 用于修改元素的背景颜色和背景图像 初始值取决于单独的属性，不继承的background-position可使用百分数 如果要显示多重背景，可使用逗号分隔组合背景值；如果要指定background-color，应包含在最后一个背景中
background-attachment scroll、fixed或inherit 用于决定背景图像是否可以滚动，以及滚动的方式 初始值：scroll;不继承的 如果要显示多重背景，可以为每个背景应用不同的background-attachment值（用逗号分隔不同的值）
background-color 颜色值、transparent或inherit 用于设置元素的背景颜色 初始值：transparent;不继承的
background-image URL、CSS渐变（参见表B.4）、none或inherit 用于设置元素的背景图像 初始值：none;不继承的 如果要显示多重背景，可使用逗号分隔图像值
background-position 一个或两个百分数、长度（或一个百分数和一个长度），或top、center、bottom之一和（或）left、center、right之一，或使用inherit 用于设置指定的背景图像的物理位置 初始值：0% 0%；如果仅设置一个百分数，它会用于水平位置，而垂直位置的初始值则被设为50%；如果仅使用一个关键字，另一个的初始值则为center；应用于块级和替换元素；不继承的；百分数相对于盒本身的尺寸 如果要显示多重背景，可以为每个背景应用不同的background-position值（用逗号分隔不同的值）
background-repeat repeat、repeat-x、repeat-y、no-repeat或inherit之一 用于确定背景图像是否重复及重复方式 初始值：repeat；不继承的 如果要显示多重背景图像，可以为每个背景图像应用不同的background-repeat值（用逗号分隔不同的值）
background-size 一个或两个百分数或长度，或auto，或使用cover或contain 用于指定背景图像的尺寸 初始值：auto；不继承的 如果要显示多重背景图像，可以为每个背景图像应用不同的background-size值（用逗号分隔不同的值）
border 任何border-width、border-style值和（或）颜色值的组合，或inherit 用于定义元素四边边框的所有要素 初始值取决于单独的属性；不继承的
border-color 一至四个颜色值、transparent或inherit 用于指定元素的一个或多个边的边框的颜色 初始值：元素的color属性；不继承的
border-radius 用于为盒创建圆角 初始值：0；不继承的
border-top-right-radius border-bottom-right-radius border-bottom-left-radius border-top-left-radius 用于为盒的一个角设置border-radius值 初始值：0；不继承的 注：Firefox的旧版本使用与此不同的语法创建单独的圆角：-moz-border-radius-topright、-moz-border-radius-bottomright、-moz-border-radius-bottomleft、-moz-border-radius-topleft
border-spacing 一个或两个长度，或inherit 用于指定表格边框之间的空隙大小 初始值：0；仅可应用于表格元素；继承的
border-style 一至四个以下的值：none、dotted、dashed、solid、double、groove、ridge、inset、outset、inherit 用于为元素的一个或多个边设置边框样式 初始值：none；不继承的
border-top、border-right、border-bottom、border-left 任何用于border-width、border-style的单个值和（或）颜色值的组合，或使用inherit 用于为元素的一个边一次性定义全部三个边框属性 初始值取决于单独的值；不继承的
border-top-color、border-right-color、border-bottom-color、border-left-color 颜色值或inherit 用于为元素的一个边定义边框颜色 初始值：color属性的值；不继承的
border-top-style、border-right-style、border-bottom-style、border-left-style none、dotted、dashed、solid、double、groove、ridge、inset、outset或 inherit 用于为元素的一个边定义边框样式 初始值：none；不继承的
border-top-width、border-right-width、border-bottom-width、border-left-width thin、medium、thick或长度 用于为元素的一个边定义边框宽度 初始值：mdeium；不继承的
border-width 一至四个以下的值：thin、medium、thick或长度 用于为元素的一个或四个边定义边框宽度 初始值：mdeium；不继承的
bottom 百分数、长度、auto或inherit 用于设置元素相对于其父元素底部边缘的位移大小 初始值：auto；不继承的；百分数相对于包含块的高度
box-shadow 可选的inset，接着是二至四个长度值，接着是颜色值 用于为盒添加一个或多个阴影。长度值（依次）表示相对于盒右侧的位置（负数则表示相对于盒左侧的位置）、相对于盒底部的位置（负数则表示相对于盒顶部的位置）、模糊半径（不可为负数）和伸展距离（负数会让阴影收缩）。每个box-shadow值之间用逗号分隔 初始值：none；继承的
clear none、left、right、both或inherit 用于防止元素包围在浮动元素的一边或两边 初始值：none；只能应用于块级元素；不继承的
clip auto、rect或inherit 用于仅显示元素的一部分 初始值：auto；只能应用于绝对定位的元素
color 颜色值或inherit 用于设置元素的文本颜色 初始值：父元素的颜色；有的颜色是由浏览器设置的；继承的
cursor auto、crosshair、default、pointer、progress、move、e-resize、ne-resize、nw-resize、n-resize、se-resize、sw-resize、s-resize、w-resize、text、wait、help、URL或inherit之一 用于设置指针的形状 初始值：auto；继承的
display inline、block、inline-block、list-item、run-in、compact、table、inline-table、table-row-group、table-header-group、table-footer-group、table-row、table-column-group、table-column、table-cell、table-caption、ruby、ruby-base、ruby-text、ruby-base-group、ruby-text-group、none、inherit之一 用于确定元素如何显示，以及是否显示 初始值：通常为inline或block；不继承的
float left、right、none、inherit之一 用于确定元素向父元素的哪一边浮动 初始值：none；不可应用于定位过的元素1或生成的内容；不继承的 1 即设为绝对定位、相对定位或固定定位的元素。──译者注
font 如果需要，任何font-style、font-variant和font-weight值的组合，接着是必需的font-size、可选的line-height值和必需的font-family，或使用inherit 用于设置文本的字体系列、字体大小（这二者是必需的）及可选的字体样式、变体、粗细和行高 初始值取决于单独的属性；继承的；font-size和line-height可使用百分数；font-size和font-family是必需的，否则font属性是无效的
font-family 一个或多个由引号包着的字体名称，接着是可选的表示类属的字体名称，或使用inherit 用于为文本选择字体系列 初始值：取决于浏览器；继承的
font-size 绝对大小、相对大小、长度、百分数或inherit 用于设置文本的大小 初始值：medium；计算的值是继承的；百分数相对于父元素的字体大小
font-style normal、italic、oblique或inherit 用于将文本标记为斜体 初始值：normal；继承的
font-variant normal、small-caps或inherit 用于设置小型大写字母 初始值：normal；继承的
font-weight normal、bold、bolder、lighter、100、200、300、400、500、600、700、800、900或inherit 用于应用、移除、调整粗体格式 初始值：normal；数字值当做关键字而非整数进行处理（例如，不能使用150）；继承的
height 长度、百分数、auto或inherit 用于设置元素的高度 初始值：auto；可应用于除了非替换行内元素、表格列和列组以外的任何元素；不继承的
left 长度、百分数、auto或inherit 用于设置元素相对于其父元素左侧边缘的位移大小 初始值：auto；只能用于定位过的元素；不继承的；百分数相对于包含块的宽度
letter-spacing normal、长度或inherit 用于设置字母之间的间隙大小 初始值：normal；继承的
line-height normal、数字、长度、百分数或inherit 用于设置文本行之间的距离 初始值：normal；继承的；百分数相对于元素自身的字体大小
list-style 任何list-style-type、list-style-position和（或）list-style-image值的组合，或使用inherit 用于设置列表的标识（常规的或定制的）及其位置 初始值取决于单独元素的初始值；只能应用于列表元素；继承的
list-style-image URL、none或inherit 用于为列表指定定制的标识 初始值：none；只能应用于列表元素；覆盖list-style-type；继承的
list-style-position inside、outside或inherit 用于确定列表标识的位置 初始值：outside；只能应用于列表元素；继承的
list-style-type disc、circle、square、decimal、lower-roman、upper-roman、lower-alpha、upper-alpha、none或inherit 用于设置列表的标识 初始值：disc；只能应用于列表元素；如果list-style-type是有效的则不使用；继承的
margin 一至四个以下的值：长度、百分数、auto或inherit 用于设置元素与其父元素和（或）同胞元素之间在一个或多个边上的间隔大小 初始值取决于浏览器和width值；不继承的；百分数相对于包含块的宽度
margin-top、margin-right、margin-bottom、margin-left 长度、百分数、auto或inherit 用于设置元素与其父元素和（或）同胞元素之间在一个边上的间隔大小 初始值：0；不继承的；百分数相对于包含块的宽度；如果width、margin-right和margin-left之和大于父元素的包含块，则margin-right和margin-left的值会被覆盖
max-height、max-width 长度、百分数、none或inherit 分别用于设置元素的最大高度和（或）最大宽度 初始值：none；不能用于行内元素或表格元素；不继承的；百分数相对于包含块的高度/宽度
min-height、max-width 长度、百分数或inherit 分别用于设置元素的最小高度和（或）最小宽度 初始值：none；不能用于行内元素或表格元素；不继承的；百分数相对于包含块的高度/宽度
opacity 0.0（表示完全透明）至1.0（表示完全不透明）之间的任何小数 用于让元素半透明或不可见 初始值：1；不继承的
orphans 整数或inherit 用于指定元素可以单独出现在页面底部的行数 初始值：2；只能用于块级元素；继承的；仅用于打印媒体
overflow visible、hidden、scroll、auto或inherit 用于确定当内容超出元素内容区域时额外的内容如何显示 初始值：visible；只能用于块级元素和替换元素；不继承的
padding 一至四个长度或百分数，或使用inherit 用于指定元素内容区域和边框之间在一个或多个边上的距离 初始值取决于浏览器；不继承的；百分数相对于包含块的宽度
padding-top、padding-right、padding-bottom、padding-left 长度、百分数或inherit 用于指定元素内容区域和边框之间在一个边上的距离 初始值：0；不继承的；百分数相对于包含块的宽度
page-break-after、page-break-before always、avoid、auto、right、left或inherit 用于指定什么时候应出现分页，什么时候不应出现 初始值：auto；只能用于块级元素；不继承的；仅用于打印媒体
page-break-inside avoid、auto或inherit 阻止跨页的元素产生分页 初始值：auto；只能用于块级元素；继承的；仅用于打印媒体
position static、relative、absolute、fixed或inherit 用于确定元素如何相对于文档流进行定位 初始值：static；不继承的
right 长度、百分数、auto或inherit 用于设置元素相对于其父元素右侧边缘的位移大小 初始值：auto；只能用于定位过的元素；不继承的；百分数相对于包含块的宽度
table-layout fixed、auto或inherit 用于选择确定单元格宽度的算法 初始值：auto；不继承的
text-align left、right、center、justify、字符串或inherit 用于指定文本对齐方式 初始值取决于浏览器和书写方向；只能应用于块级元素；继承的
text-decoration 任何underline、overline、line-through和blink的组合，或none、inherit 用于修饰文本（大多数为线条） 初始值：none；不继承的
text-indent 长度、百分数或inherit 用于设置段落第一行的缩进量 初始值：0；只能应用于块级元素；继承的；百分数相对于包含块的宽度
text-overflow clip、ellipsis或"string" 用于指定文本不可见时处理溢出的方式 初始值：clip
text-shadow 两个或四个长度值，接着是颜色值 用于为元素的文本添加一个或多个阴影。长度值（依次）表示相对于文本右侧的位置（负数则表示相对于文本左侧的位置）、相对于文本底部的位置（负数则表示相对于文本顶部的位置）、模糊半径（不可为负数）和伸展距离（负数会让阴影收缩）。每个text-shadow值之间用逗号分隔 初始值：none；继承的
text-transform capitalize、uppercase、lowercase、none或inherit 用于设置元素的文本的大小写 初始值：none；继承的
transform none或一系列变形功能（matrix、translate、translateX、translateY、scale、scaleX、scaleY、rotate、skew、skewX、skewY） 用于对元素进行形状、大小或方向上的变形 初始值：none；不继承的；变形功能按照它们所列的顺序进行应用
transform-origin 一个或两个百分数或长度（或一个百分数和一个长度），或top、center、bottom之一和（或）left、center、right之一 用于定义应用于元素的变形的起点 初始值：50% 50%；不继承的；只能应用于块级元素和行内元素；百分数相对于元素盒的大小
transition 依次定义transition-property、transition-duration、transition-timing-function和transition-delay的简记法（用空格分隔） 用于为元素定义变形效果 初始值取决于单独的属性；可应用于所有的元素，包括:before和:after伪元素；值的顺序对此属性很重要
transition-property none、all或用逗号分隔的一组CSS属性 用于识别在应用了变形的元素上定义的CSS属性 初始值：all；不继承的；可应用于所有的元素，包括:before和:after伪元素
transition-duration 以秒或毫秒为单位的时间值 用于确定完成变形所需的时间 初始值：0s（0秒）；不继承的；可应用于所有的元素，包括:before和:after伪元素
transition-timing-function ease、linear、ease-in、ease-out、ease-in-out、cubic-bezier(number, number, number, number) 描述用于变形计算过程的中间值的使用方法 初始值：ease；可应用于所有的元素，包括:before和:after伪元素
transition-delay 以秒或毫秒为单位的时间值 用于定义变形开始的时间 初始值：0s（0秒）；不继承的；可应用于所有的元素，包括:before和:after伪元素
top 长度、百分数、auto或inherit 用于设置元素相对于其父元素顶部边缘的位移大小 初始值：auto；只能用于定位过的元素；不继承的；百分数相对于包含块的高度
vertical-align baseline、sub、super、top、text-top、middle、bottom、text-bottom、百分数、长度或inherit 用于指定元素在垂直方向上的对齐方式 初始值：baseline；不能应用于行内元素和表格单元格元素；不继承的；百分数相对于元素的line-height属性
visibility visible、hidden、collapse或inherit 用于在不将元素移出文档流的情况下让元素不可见 初始值：inherit，事实上是不继承的（仍存争议）
white-space normal、pre、nowrap、pre-wrap、pre-lined或inherit 用于指定如何处理空格 初始值：normal；只能用于块级元素；继承的
widows 整数或inherit 用于指定元素可以单独出现在页面顶部的行数 初始值：2；只能用于块级元素；继承的；仅用于打印媒体
width 长度、百分数、auto或inherit 用于设置元素的宽度 初始值：auto；不能应用于行内元素、表格行或行组；不继承的；百分数相对于包含块的宽度
word-spacing normal、长度或inherit 用于设置单词之间的距离 初始值：normal；继承的
z-index auto、整数或inherit 用于设置元素相对于重叠元素的深度 初始值：auto；只能应用于定位了的元素；不继承的

表B.1是根据www.w3.org/TR/CSS21/propidx.html提供的完整规范制订的，版权由万维网联盟（美国麻省理工学院、法国国家计算机科学与控制研究所、日本庆应义塾大学）所有。保留所有权利。