边框属性
|
属性 |
描述 |
CSS |
|
border-image |
设置所有 border-image-* 属性的简写属性。 |
3 |
|
border-radius |
设置所有四个 border-*-radius 属性的简写属性。 |
3 |
|
box-shadow |
向方框添加一个或多个阴影。 |
3 |
背景属性
|
属性 |
描述 |
CSS |
|
background-clip |
规定背景的绘制区域。 |
3 |
|
background-origin |
规定背景图片的定位区域。 |
3 |
|
background-size |
规定背景图片的尺寸。 |
3 |
文本属性
|
属性 |
描述 |
CSS |
|
hanging-punctuation |
规定标点字符是否位于线框之外。 |
3 |
|
punctuation-trim |
规定是否对标点字符进行修剪。 |
3 |
|
text-align-last |
设置如何对齐最后一行或紧挨着强制换行符之前的行。 |
3 |
|
text-emphasis |
向元素的文本应用重点标记以及重点标记的前景色。 |
3 |
|
text-justify |
规定当 text-align 设置为 "justify" 时所使用的对齐方法。 |
3 |
|
text-outline |
规定文本的轮廓。 |
3 |
|
text-overflow |
规定当文本溢出包含元素时发生的事情。 |
3 |
|
text-shadow |
向文本添加阴影。 |
3 |
|
text-wrap |
规定文本的换行规则。 |
3 |
|
word-break |
规定非中日韩文本的换行规则。 |
3 |
|
word-wrap |
允许对长的不可分割的单词进行分割并换行到下一行。 |
3 |
字体描述符
|
描述符 |
值 |
描述 |
|
font-family |
name |
必需。规定字体的名称。 |
|
src |
URL |
必需。定义字体文件的 URL。 |
|
font-stretch |
- normal
- condensed
- ultra-condensed
- extra-condensed
- semi-condensed
- expanded
- semi-expanded
- extra-expanded
- ultra-expanded
|
可选。定义如何拉伸字体。默认是 "normal"。 |
|
font-style |
|
可选。定义字体的样式。默认是 "normal"。 |
|
font-weight |
- normal
- bold
- 100
- 200
- 300
- 400
- 500
- 600
- 700
- 800
- 900
|
可选。定义字体的粗细。默认是 "normal"。 |
|
unicode-range |
unicode-range |
可选。定义字体支持的 UNICODE 字符范围。默认是 "U+0-10FFFF"。 |
2D转换
|
函数 |
描述 |
|
matrix(n,n,n,n,n,n) |
定义 2D 转换，使用六个值的矩阵。 |
|
translate(x,y) |
定义 2D 转换，沿着 X 和 Y 轴移动元素。 |
|
translateX(n) |
定义 2D 转换，沿着 X 轴移动元素。 |
|
translateY(n) |
定义 2D 转换，沿着 Y 轴移动元素。 |
|
scale(x,y) |
定义 2D 缩放转换，改变元素的宽度和高度。 |
|
scaleX(n) |
定义 2D 缩放转换，改变元素的宽度。 |
|
scaleY(n) |
定义 2D 缩放转换，改变元素的高度。 |
|
rotate(angle) |
定义 2D 旋转，在参数中规定角度。 |
|
skew(x-angle,y-angle) |
定义 2D 倾斜转换，沿着 X 和 Y 轴。 |
|
skewX(angle) |
定义 2D 倾斜转换，沿着 X 轴。 |
|
skewY(angle) |
定义 2D 倾斜转换，沿着 Y 轴。 |
3D转换
|
函数 |
描述 |
matrix3d(n,n,n,n,n,n,
n,n,n,n,n,n,n,n,n,n) |
定义 3D 转换，使用 16 个值的 4x4 矩阵。 |
|
translate3d(x,y,z) |
定义 3D 转化。 |
|
translateX(x) |
定义 3D 转化，仅使用用于 X 轴的值。 |
|
translateY(y) |
定义 3D 转化，仅使用用于 Y 轴的值。 |
|
translateZ(z) |
定义 3D 转化，仅使用用于 Z 轴的值。 |
|
scale3d(x,y,z) |
定义 3D 缩放转换。 |
|
scaleX(x) |
定义 3D 缩放转换，通过给定一个 X 轴的值。 |
|
scaleY(y) |
定义 3D 缩放转换，通过给定一个 Y 轴的值。 |
|
scaleZ(z) |
定义 3D 缩放转换，通过给定一个 Z 轴的值。 |
|
rotate3d(x,y,z,angle) |
定义 3D 旋转。 |
|
rotateX(angle) |
定义沿 X 轴的 3D 旋转。 |
|
rotateY(angle) |
定义沿 Y 轴的 3D 旋转。 |
|
rotateZ(angle) |
定义沿 Z 轴的 3D 旋转。 |
|
perspective(n) |
定义 3D 转换元素的透视视图。 |
动画属性
|
属性 |
描述 |
CSS |
|
@keyframes |
规定动画。 |
3 |
|
animation |
所有动画属性的简写属性，除了 animation-play-state 属性。 |
3 |
|
animation-name |
规定 @keyframes 动画的名称。 |
3 |
|
animation-duration |
规定动画完成一个周期所花费的秒或毫秒。默认是 0。 |
3 |
|
animation-timing-function |
规定动画的速度曲线。默认是 "ease"。 |
3 |
|
animation-delay |
规定动画何时开始。默认是 0。 |
3 |
|
animation-iteration-count |
规定动画被播放的次数。默认是 1。 |
3 |
|
animation-direction |
规定动画是否在下一周期逆向地播放。默认是 "normal"。 |
3 |
|
animation-play-state |
规定动画是否正在运行或暂停。默认是 "running"。 |
3 |
|
animation-fill-mode |
规定对象动画时间之外的状态。 |
3 |
多列属性
|
属性 |
描述 |
CSS |
|
column-count |
规定元素应该被分隔的列数。 |
3 |
|
column-fill |
规定如何填充列。 |
3 |
|
column-gap |
规定列之间的间隔。 |
3 |
|
column-rule |
设置所有 column-rule-* 属性的简写属性。 |
3 |
|
column-rule-color |
规定列之间规则的颜色。 |
3 |
|
column-rule-style |
规定列之间规则的样式。 |
3 |
|
column-rule-width |
规定列之间规则的宽度。 |
3 |
|
column-span |
规定元素应该横跨的列数。 |
3 |
|
column-width |
规定列的宽度。 |
3 |
|
columns |
规定设置 column-width 和 column-count 的简写属性。 |
3 |
|
