@keyframes 定义一个动画,@keyframes定义的动画名称用来被animation-name所使用。 3 animation 复合属性。检索或设置对象所应用的动画特效。 3 animation-name 检索或设置对象所应用的动画名称 ,必须与规则@keyframes配合使用，因为动画名称由@keyframes定义 3 animation-duration 检索或设置对象动画的持续时间 3 animation-timing-function 检索或设置对象动画的过渡类型 3 animation-delay 检索或设置对象动画的延迟时间 3 animation-iteration-count 检索或设置对象动画的循环次数 3 animation-direction 检索或设置对象动画在循环中是否反向运动 3 animation-play-state 检索或设置对象动画的状态 3
background 复合属性。设置对象的背景特性。 1 background-attachment 设置或检索背景图像是随对象内容滚动还是固定的。必须先指定background-image属性。 1 background-color 设置或检索对象的背景颜色。 1 background-image 设置或检索对象的背景图像。 1 background-position 设置或检索对象的背景图像位置。必须先指定background-image属性。 1 background-repeat 设置或检索对象的背景图像如何铺排填充。必须先指定background-image属性。 1 background-clip 指定对象的背景图像向外裁剪的区域。 3 background-origin S设置或检索对象的背景图像计算background-position时的参考原点(位置)。 3 background-size 检索或设置对象的背景图像的尺寸大小。 3
border 复合属性。设置对象边框的特性。 1 border-bottom 复合属性。设置对象底部边框的特性。 1 border-bottom-color 设置或检索对象的底部边框颜色。 1 border-bottom-style 设置或检索对象的底部边框样式。 1 border-bottom-width 设置或检索对象的底部边框宽度。 1 border-color 置或检索对象的边框颜色。 1 border-left 复合属性。设置对象左边边框的特性。 1 border-left-color 设置或检索对象的左边边框颜色。 1 border-left-style 设置或检索对象的左边边框样式。 1 border-left-width 设置或检索对象的左边边框宽度。 1 border-right 复合属性。设置对象右边边框的特性。 1 border-right-color 设置或检索对象的右边边框颜色。 1 border-right-style 设置或检索对象的右边边框样式。 1 border-right-width 设置或检索对象的右边边框宽度。 1 border-style 设置或检索对象的边框样式。 1 border-top 复合属性。设置对象顶部边框的特性。 1 border-top-color 设置或检索对象的顶部边框颜色 1 border-top-style 设置或检索对象的顶部边框样式。 1 border-top-width 设置或检索对象的顶部边框宽度。 1 border-width 设置或检索对象的边框宽度。 1 outline 复合属性。设置或检索对象外的线条轮廓。 2 outline-color 设置或检索对象外的线条轮廓的颜色。 2 outline-style 设置或检索对象外的线条轮廓的样式。 2 outline-width 设置或检索对象外的线条轮廓的宽度。 2 border-bottom-left-radius 设置或检索对象的左下角圆角边框。提供2个参数，2个参数以空格分隔，每个参数允许设置1个参数值，第1个参数表示水平半径，第2个参数表示垂直半径，如第2个参数省略，则默认等于第1个参数 3 border-bottom-right-radius 设置或检索对象的右下角圆角边框。 3 border-image 设置或检索对象的边框样式使用图像来填充。 3 border-image-outset 规定边框图像超过边框的量。 3 border-image-repeat 规定图像边框是否应该被重复（repeated）、拉伸（stretched）或铺满（rounded）。 3 border-image-slice 规定图像边框的向内偏移。 3 border-image-source 规定要使用的图像，代替 border-style 属性中设置的边框样式。 3 border-image-width 规定图像边框的宽度。 3 border-radius 设置或检索对象使用圆角边框。 3 border-top-left-radius 定义左上角边框的形状。 3 border-top-right-radius 定义右下角边框的形状。 3 box-decoration-break 规定行内元素被折行 3 box-shadow 向方框添加一个或多个阴影。 3
overflow-x 如果内容溢出了元素内容区域，是否对内容的左/右边缘进行裁剪。 3 overflow-y 如果内容溢出了元素内容区域，是否对内容的上/下边缘进行裁剪。 3 overflow-style 规定溢出元素的首选滚动方法。 3 rotation 围绕由 rotation-point 属性定义的点对元素进行旋转。 3 rotation-poin 定义距离上左边框边缘的偏移点。 3
opacity 设置一个元素的透明度级别 3 rendering-intent 允许超过默认颜色配置文件渲染意向的其他规范 3
padding 在一个声明中设置所有填充属性 1 padding-bottom 设置元素的底填充 1 padding-left 设置元素的左填充 1 padding-right 设置元素的右填充 1 padding-top 设置元素的顶部填充 1
height 设置元素的高度 1 max-height 设置元素的最大高度 2 max-width 设置元素的最大宽度 2 min-height 设置元素的最小高度 2 min-width 设置元素的最小宽度 2 width 设置元素的宽度 1
| 属性 | 说明 | CSS |
|---|---|---|
| flex | 复合属性。设置或检索弹性盒模型对象的子元素如何分配空间。 | 3 |
| flex-grow | 设置或检索弹性盒的扩展比率。 | 3 |
| flex-shrink | 设置或检索弹性盒的收缩比率。 | 3 |
| flex-basis | 设置或检索弹性盒伸缩基准值。 | 3 |
| flex-flow | 复合属性。设置或检索弹性盒模型对象的子元素排列方式。 | 3 |
| flex-direction | 该属性通过定义flex容器的主轴方向来决定felx子项在flex容器中的位置。 | 3 |
| flex-wrap | 该属性控制flex容器是单行或者多行，同时横轴的方向决定了新行堆叠的方向。 | 3 |
| align-content | 在弹性容器内的各项没有占用交叉轴上所有可用的空间时对齐容器内的各项（垂直）。 | 3 |
| align-items | 定义flex子项在flex容器的当前行的侧轴（纵轴）方向上的对齐方式。 | 3 |
| align-self | 定义flex子项单独在侧轴（纵轴）方向上的对齐方式。 | 3 |
| justify-content | 设置或检索弹性盒子元素在主轴（横轴）方向上的对齐方式。 | 3 |
| order | 设置或检索弹性盒模型对象的子元素出现的順序。 | 3 |