css3属性参考文档 – CSS3高级教程 css属性参考文档|CSS

上一章CSS3高级教程请查看：css3扩展特性
【css3属性参考文档 – CSS3高级教程】以下部分简要概述了CSS3的属性。
CSS属性（按字母顺序排列）本节包含属于最新CSS3规范的标准属性的完整列表，所有属性都被分组到类别中。
动画属性

属性	描述
animation	指定基于关键帧的动画。
animation-delay	指定动画何时开始。
animation-direction	指定动画是否应该在交替循环中反向播放。
animation-duration	指定动画完成一个循环所需的秒数或毫秒数。
animation-fill-mode	指定CSS动画在执行之前和之后如何将样式应用于目标。
animation-iteration-count	指定动画循环在停止前播放的次数。
animation-name	指定应该应用于所选元素的@keyframes定义的动画的名称。
animation-play-state	指定动画是运行还是暂停。
animation-timing-function	指定CSS动画在每个周期内的进度。

背景属性

属性	描述
background	在一个声明中定义各种背景属性。
background-attachment	指定背景图像是固定在视口还是滚动。
background-clip	指定背景的绘制区域。
background-color	定义元素的背景颜色。
background-image	定义元素的背景图像。
background-origin	指定背景图像的定位区域。
background-position	定义背景图像的原点。
background-repeat	指定是否/如何平铺背景图像。
background-size	指定背景图像的大小。

边框属性

属性	描述
border	设置元素边框的所有四个边的宽度、样式和颜色。
border-bottom	设置元素底部边框的宽度、样式和颜色。
border-bottom-color	设置元素底部边框的颜色。
border-bottom-left-radius	定义元素的左下角的形状。
border-bottom-right-radius	定义元素的右下角的形状。
border-bottom-style	设置元素底部边框的样式。
border-bottom-width	设置元素底部边框的宽度。
border-color	设置元素的所有四个边的边框颜色。
border-image	指定如何使用图像来代替边框样式。
border-image-outset	指定边框图像区域超出边框框的范围的数量。
border-image-repeat	指定图像边框是重复、四舍五入还是拉伸。
border-image-slice	指定图像边框的内偏移量。
border-image-source	指定要用作边框的图像的位置。
border-image-width	指定图像边框的宽度。
border-left	设置元素左边框的宽度、样式和颜色。
border-left-color	设置元素左边框的颜色。
border-left-style	设置元素左边框的样式。
border-left-width	设置元素左边框的宽度。
border-radius	定义元素的边框角的形状。
border-right	设置元素右边框的宽度、样式和颜色。
border-right-color	设置元素右边框的颜色。
border-right-style	设置元素右边框的样式。
border-right-width	设置元素右边框的宽度。
border-style	设置元素的所有四个边的边框样式。
border-top	设置元素顶部边框的宽度、样式和颜色。
border-top-color	设置元素顶部边框的颜色。
border-top-left-radius	定义元素的左上角边框的形状。
border-top-right-radius	定义元素的右上角的形状。
border-top-style	设置元素顶部边框的样式。
border-top-width	设置元素顶部边框的宽度。
border-width	设置元素的所有四个边的边框宽度。

颜色属性

属性	描述
color	指定元素文本的颜色。
opacity	指定元素的透明度。

尺寸属性

属性	描述
height	指定元素的高度。
max-height	指定元素的最大高度。
max-width	指定元素的最大宽度。
min-height	指定元素的最小高度。
min-width	指定元素的最小宽度。
width	指定元素的宽度。

内容属性

属性	描述
content	插入生成内容。
quotes	为嵌入的引号指定引号。
counter-reset	创建或重置一个或多个计数器。
counter-increment	递增一个或多个计数器值。

Flexbox布局属性

属性	描述
align-content	指定伸缩容器中灵活容器项的对齐方式。
align-items	指定flex容器中项目的默认对齐方式。
align-self	指定flex容器中选定项的对齐方式。
flex	指定灵活长度的组件。
flex-basis	指定flex项的初始主大小。
flex-direction	指定灵活项的方向。
flex-flow	灵活方向和灵活关系的简写属性。
flex-grow	指定伸缩项目相对于伸缩容器内的其他项目如何增长。
flex-shrink	指定伸缩项目相对于伸缩容器内的其他项目如何收缩。
flex-wrap	指定灵活的项是否应该包装。
justify-content	指定在解决任何灵活长度和自动边距之后，伸缩项如何沿着伸缩容器的主轴进行对齐。
order	指定flex项目在flex容器中显示和布局的顺序。

字体属性

属性	描述
font	在一个声明中定义各种字体属性。
font-family	定义元素的字体列表。
font-size	定义文本的字体大小。
font-size-adjust	当字体回退发生时，保持文本的可读性。
font-stretch	从字体中选择一个普通的、压缩的或展开的面。
font-style	定义文本的字体样式。
font-variant	指定字体变体。
font-weight	指定文本的字体粗细。

列表属性

属性	描述
list-style	定义列表和列表元素的显示样式。
list-style-image	指定要用作列表项标记的图像。
list-style-position	指定列表项标记的位置。
list-style-type	指定列表项的标记样式。

边距属性

属性	描述
margin	设置元素的所有四个边的边距。
margin-bottom	设置元素的底部空白。
margin-left	设置元素的左边框。
margin-right	设置元素的右边框。
margin-top	设置元素的顶部空白。

多栏布局属性

属性	描述
column-count	指定多列元素中的列数。
column-fill	指定如何填充列。
column-gap	指定多列元素中列之间的间隔。
column-rule	指定要在多列元素的每个列之间绘制的直线或“规则”。
column-rule-color	指定多列布局中列之间绘制的规则的颜色。
column-rule-style	指定多列布局中列之间绘制的规则的样式。
column-rule-width	指定在多列布局中列之间绘制的规则的宽度。
column-span	指定一个元素在多列布局中跨越的列数。
column-width	指定多列元素中列的最佳宽度。
columns	设置column-width和column-countproperties的简写属性。

outline轮廓属性

属性	描述
outline	设置元素轮廓的所有四个边的宽度、样式和颜色。
outline-color	设置轮廓的颜色。
outline-offset	设置元素的轮廓线和边框之间的空间。
outline-style	设置大纲的样式。
outline-width	设置轮廓的宽度。

填充属性

属性	描述
padding	设置元素的所有四个边的填充。
padding-bottom	设置元素底部的填充。
padding-left	设置元素左侧的填充。
padding-right	将填充设置到元素的右侧。
padding-top	将填充设置到元素的顶部。

打印属性

属性	描述
page-break-after	在元素之后插入分页符。
page-break-before	在元素前插入分页符。
page-break-inside	在元素中插入分页符。

表格属性

属性	描述
border-collapse	指定表单元格边框是连接的还是分隔的。
border-spacing	设置相邻表单元格边界之间的间距。
caption-side	指定表标题的位置。
empty-cells	显示或隐藏空表格单元格的边框和背景。
table-layout	指定表布局算法。

文本属性

属性	描述
direction	定义文本方向/写作方向。
tab-size	指定制表符的长度。
text-align	设置内联内容的水平对齐方式。
text-align-last	指定在调整文本对齐时，强制换行之前的最后一行是如何对齐的。
text-decoration	指定添加到文本中的装饰。
text-decoration-color	指定文本装饰线的颜色。
text-decoration-line	指定向元素添加什么类型的行装饰。
text-decoration-style	指定文本修饰行属性指定的行的样式
text-indent	缩进文本的第一行。
text-justify	指定在将文本对齐属性设置为对齐时使用的对齐方法。
text-overflow	指定文本内容在溢出块容器时将如何显示。
text-shadow	将一个或多个阴影应用于元素的文本内容。
text-transform	转换文本的大小写。
line-height	设置文本行之间的高度。
vertical-align	设置元素相对于当前文本基线的垂直位置。
letter-spacing	设置字母之间的额外间距。
word-spacing	设置单词之间的间距。
white-space	指定如何处理元素中的空白。
word-break	指定如何在单词中断行。
word-wrap	指定当内容超出其容器的边界时是否中断单词。

变换属性

属性	描述
backface-visibility	指定当面对用户时，转换后的元素的“背面”是否可见。
perspective	定义查看对象的所有子元素的透视图。
perspective-origin	为透视图属性定义原点(3D空间的消失点)。
transform	对元素应用2D或3D转换。
transform-origin	定义元素的转换起点。
transform-style	指定嵌套元素在3D空间中的呈现方式。

过渡属性

属性	描述
transition	定义元素的两种状态之间的转换。
transition-delay	指定转换效果何时开始。
transition-duration	指定转换效果完成所需的秒数或毫秒数。
transition-property	指定应用转换效果的CSS属性的名称。
transition-timing-function	指定转换效果的速度曲线。

视觉格式化属性

属性	描述
display	指定元素在屏幕上的显示方式。
position	指定元素的位置。
top	指定定位元素的顶部边缘的位置。
right	指定定位元素的右边缘的位置。
bottom	指定定位元素的底部边缘的位置。
left	指定定位元素的左边缘的位置。
float	指定一个框是否应该浮动。
clear	指定一个元素相对于浮动元素的位置。
z-index	指定定位元素的分层或堆叠顺序。
overflow	指定对元素框中溢出的内容的处理。
overflow-x	指定当内容超出元素内容区域的宽度时如何管理内容。
overflow-y	指定当内容溢出元素内容区域的高度时如何管理内容。
resize	指定用户是否可以调整元素的大小。
clip	定义裁剪区域。
visibility	指定元素是否可见。
cursor	指定游标的类型。
box-shadow	将一个或多个阴影应用到元素的框中。
box-sizing	更改默认的CSS框模型。