CSS3 页面属性介绍.docx

CSS3 动画属性（Animation）属性描述CSS@keyframes规定动画。3animation所有动画属性的简写属性，除了 animation-play-state 属性。3animation-name规定 @keyframes 动画的名称。3animation-duration规定动画完成一个周期所花费的秒或毫秒。3animation-timing-function规定动画的速度曲线。3animation-delay规定动画何时开始。3animation-iteration-count规定动画被播放的次数。3animation-direction规定动画是否在下一周期逆向地播放。3animation-play-state规定动画是否正在运行或暂停。3animation-fill-mode规定对象动画时间之外的状态。3CSS 背景属性（Background）属性描述CSSbackground在一个声明中设置所有的背景属性。1background-attachment设置背景图像是否固定或者随着页面的其余部分滚动。1background-color设置元素的背景颜色。1background-image设置元素的背景图像。1background-position设置背景图像的开始位置。1background-repeat设置是否及如何重复背景图像。1background-clip规定背景的绘制区域。3background-origin规定背景图片的定位区域。3background-size规定背景图片的尺寸。3CSS 边框属性（Border 和 Outline）属性描述CSSborder在一个声明中设置所有的边框属性。1border-bottom在一个声明中设置所有的下边框属性。1border-bottom-color设置下边框的颜色。2border-bottom-style设置下边框的样式。2border-bottom-width设置下边框的宽度。1border-color设置四条边框的颜色。1border-left在一个声明中设置所有的左边框属性。1border-left-color设置左边框的颜色。2border-left-style设置左边框的样式。2border-left-width设置左边框的宽度。1border-right在一个声明中设置所有的右边框属性。1border-right-color设置右边框的颜色。2border-right-style设置右边框的样式。2border-right-width设置右边框的宽度。1border-style设置四条边框的样式。1border-top在一个声明中设置所有的上边框属性。1border-top-color设置上边框的颜色。2border-top-style设置上边框的样式。2border-top-width设置上边框的宽度。1border-width设置四条边框的宽度。1outline在一个声明中设置所有的轮廓属性。2outline-color设置轮廓的颜色。2outline-style设置轮廓的样式。2outline-width设置轮廓的宽度。2border-bottom-left-radius定义边框左下角的形状。3border-bottom-right-radius定义边框右下角的形状。3border-image简写属性，设置所有 border-image-* 属性。3border-image-outset规定边框图像区域超出边框的量。3border-image-repeat图像边框是否应平铺(repeated)、铺满(rounded)或拉伸(stretched)。3border-image-slice规定图像边框的向内偏移。3border-image-source规定用作边框的图片。3border-image-width规定图片边框的宽度。3border-radius简写属性，设置所有四个 border-*-radius 属性。3border-top-left-radius定义边框左上角的形状。3border-top-right-radius定义边框右下角的形状。3box-decoration-break3box-shadow向方框添加一个或多个阴影。3Box 属性属性描述CSSoverflow-x如果内容溢出了元素内容区域，是否对内容的左/右边缘进行裁剪。3overflow-y如果内容溢出了元素内容区域，是否对内容的上/下边缘进行裁剪。3overflow-style规定溢出元素的首选滚动方法。3rotation围绕由 rotation-point 属性定义的点对元素进行旋转。3rotation-point定义距离上左边框边缘的偏移点。3Color