2024年6月7日发(作者:)

CSS3

动画属性(

Animation )

属性

@keyframes

animation

animation-name

animation-duration

描述

规定动画。

CSS

3

所有动画属性的简写属性,除了 animation-play-state属

3

性。

规定@keyframes动画的名称。

规定动画完成一个周期所花费的秒或毫秒。

3

3

3

3

3

3

3

3

animation-timing-function 规定动画的速度曲线。

animation-delay 规定动画何时开始。

animation-iteration-count 规定动画被播放的次数。

animation-direction

animation-play-state

animation-fill-mode

规定动画是否在下一周期逆向地播放。

规定动画是否正在运行或暂停。

规定对象动画时间之外的状态。

CSS

背景属性(

Background)

属性

background

background-attachment

background-color

background-image

background-position

background-repeat

background-clip

background-origin

background-size

描述

在一个声明中设置所有的背景属性。

设置背景图像是否固定或者随着页面的其余部分滚动。

设置兀素的背景颜色。

设置兀素的背景图像。

设置背景图像的开始位置。

设置是否及如何重复背景图像。

规定背景的绘制区域。

规定背景图片的定位区域。

规定背景图片的尺寸。

CSS

1

1

1

1

1

1

3

3

3

CSS

边框属性(

Border

Outline)

属性

border

border-bottom

描述

在一个声明中设置所有的边框属性。

在一个声明中设置所有的下边框属性。

CSS

1

1

border-bottom-color

border-bottom-style

border-bottom-width

border-color

border-left

border-left-color

border-left-style

border-left-width

border-right

border-right-color

border-right-style

border-right-width

border-style

border-top

border-top-color

border-top-style

border-top-width

border-width

outline

outline-color

outline-style

outline-width

border-bottom-left-radius

设置下边框的颜色。

设置下边框的样式。

设置下边框的宽度。

设置四条边框的颜色。

在一个声明中设置所有的左边框属性。

设置左边框的颜色。

设置左边框的样式。

设置左边框的宽度。

在一个声明中设置所有的右边框属性。

设置右边框的颜色。

设置右边框的样式。

设置右边框的宽度。

设置四条边框的样式。

在一个声明中设置所有的上边框属性。

设置上边框的颜色。

设置上边框的样式。

设置上边框的宽度。

设置四条边框的宽度。

在一个声明中设置所有的轮廓属性。

设置轮廓的颜色。

设置轮廓的样式。

设置轮廓的宽度。

定义边框左下角的形状。

2

2

1

1

1

2

2

1

1

2

2

1

1

1

2

2

1

1

2

2

2

2

3

3

3

3

3

border-bottom-right-radius 定义边框右下角的形状。

border-image

border-image-outset

border-image-repeat

简写属性,设置所有border-image-*属性。

规定边框图像区域超出边框的量。

图像边框是否应平铺(repeated)、铺满(rounded)或拉伸

(stretched)。