w3ii“CSS引用与所有主流浏览器定期测试。
CSS属性
CSS属性组
在"CSS"列表示CSS版本属性定义(CSS1, CSS2, or CSS3)
颜色属性
| 属性 | 描述 | CSS |
|---|---|---|
| color | 设置文本的颜色 | 1 |
| opacity | 设置不透明度为元素 | 3 |
背景和边框属性
| 属性 | 描述 | CSS |
|---|---|---|
| background | 简写属性在一个声明中设置所有的背景属性 | 1 |
| background-attachment | 设置背景图像是否是与页面的其余部分固定或滚动 | 1 |
| background-blend-mode | 指定每个背景图层的混合模式(color/image) | 3 |
| background-color | 指定元素的背景色 | 1 |
| background-image | 指定一个或多个背景图像元素 | 1 |
| background-position | 指定背景图像的位置 | 1 |
| background-repeat | 设置背景图片如何重复 | 1 |
| background-clip | 指定背景的绘画面积 | 3 |
| background-origin | 指定了背景image(s)是/定位 | 3 |
| background-size | 指定背景的尺寸image(s) | 3 |
| border | 设置在一个声明中所有的边框属性 | 1 |
| border-bottom | 设置在一个声明中所有的底部边框属性 | 1 |
| border-bottom-color | 设置底边框的颜色 | 1 |
| border-bottom-left-radius | 定义左下角边框的形状 | 3 |
| border-bottom-right-radius | 定义右下角边框的形状 | 3 |
| border-bottom-style | 设置底边框的样式 | 1 |
| border-bottom-width | 设置底边框的宽度 | 1 |
| border-color | 设置四个边框的颜色 | 1 |
| border-image | 简写属性设置所有边界图像 - *属性 | 3 |
| border-image-outset | 指定由该边界图像区域延伸超出边界框的量 | 3 |
| border-image-repeat | 指定边界图像是否应当被重复，圆形或拉伸 | 3 |
| border-image-slice | 指定如何切片图像边界 | 3 |
| border-image-source | 指定要用作边界的路径图像 | 3 |
| border-image-width | 指定图像边框的宽度 | 3 |
| border-left | 设置在一个声明中所有的左边框属性 | 1 |
| border-left-color | 设置左边框的颜色 | 1 |
| border-left-style | 设置左边框的样式 | 1 |
| border-left-width | 设置左边框的宽度 | 1 |
| border-radius | 简写属性设置所有四个边框 - * - 半径属性 | 3 |
| 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-left-radius | 定义了左上角的边界的形状 | 3 |
| border-top-right-radius | 定义右上角的边框的形状 | 3 |
| border-top-style | 设置上边框的风格 | 1 |
| border-top-width | 设置上边框的宽度 | 1 |
| border-width | 设置四个边框的宽度 | 1 |
| box-decoration-break | 设置元素的背景和边框的行为在分页符，或者，对于在线元件，在断行。 | 3 |
| box-shadow | 附加一个或多个下拉阴影框 | 3 |
基本框属性
| 属性 | 描述 | CSS |
|---|---|---|
| bottom | 指定定位元素的底部位置 | 2 |
| clear | 指定在其他浮动元素不允许该元素的面 | 1 |
| clip | 剪辑绝对定位的元素 | 2 |
| display | 指定某个HTML元素的显示方式 | 1 |
| float | 指定框是否应该浮动 | 1 |
| height | 设置元素的高度 | 1 |
| left | 指定定位元素的左边位置 | 2 |
| margin | 设置在一个声明中的所有边距属性 | 1 |
| margin-bottom | 设置元素的下边距 | 1 |
| margin-left | 设置元素的左边距 | 1 |
| margin-right | 设置元素的右边缘 | 1 |
| margin-top | 设置元素的上边距 | 1 |
| max-height | 设置元素的最大高度 | 2 |
| max-width | 设置元素的最大宽度 | 2 |
| min-height | 设置元素的最小高度 | 2 |
| min-width | 设置元素的最小宽度 | 2 |
| overflow | 指定在内容溢出元素框时会发生什么 | 2 |
| overflow-x | 指定是否剪辑的内容的左/右边缘，如果它溢出元素的内容区 | 3 |
| overflow-y | 指定是否剪辑内容的顶部/底部边缘，如果它溢出元素的内容区 | 3 |
| padding | 设置在一个声明中的所有padding属性 | 1 |
| padding-bottom | 设置元素的底部填充 | 1 |
| padding-left | 设置元素的左填充 | 1 |
| padding-right | 设置元素的右填充 | 1 |
| padding-top | 设置元素的顶部填充 | 1 |
| position | 指定用于一个元件定位方法的类型（静态的，相对的，绝对的或固定的） | 2 |
| right | 指定定位元素的正确位置 | 2 |
| top | 指定定位元素的顶部位置 | 2 |
| visibility | 指定一个元素是否是可见 | 2 |
| width | 设置元素的宽度 | 1 |
| vertical-align | 设置元素的垂直取向 | 1 |
| z-index | 设置一个定位元素的堆叠顺序 | 2 |
弹性框布局
| 属性 | 描述 | CSS |
|---|---|---|
| align-content | 指定当项目不使用柔性容器内的线之间的对准的所有可用空间 | 3 |
| align-items | 指定一个柔性容器内的物品的对准 | 3 |
| align-self | 指定一个柔性容器内选择的项目的对准 | 3 |
| flex | 指定的项目相对于其余部分的长度， | 3 |
| flex-basis | 指定的柔性物品的初始长度 | 3 |
| flex-direction | 指定柔性物品的方向 | 3 |
| flex-flow | 简写属性柔性方向和柔性包装特性 | 3 |
| flex-grow | 指定项目将多少相对于其余的成长 | 3 |
| flex-shrink | 指定该项目将如何缩小相对静止 | 3 |
| flex-wrap | 指定灵活的项目是否应该换还是不 | 3 |
| justify-content | 指定当项目不使用柔性容器内的项之间的对准的所有可用空间 | 3 |
| order | 设置柔性物品的相对于其余部分的次序， | 3 |
文本属性
| 属性 | 描述 | CSS |
|---|---|---|
| hanging-punctuation | 指定一个标点符号是否可能被放置的行外箱 | 3 |
| hyphens | 设置如何分割单词以改善段落的布局 | 3 |
| letter-spacing | 增加或减少的字符之间的空间中的文本 | 1 |
| line-break | 指定如何/如果破线 | 3 |
| line-height | 设置行高度 | 1 |
| overflow-wrap | 指定浏览器是否可破的话行内，以防止溢出（当一个字符串太长以适应其载箱） | 3 |
| tab-size | 指定制表字符的长度 | 3 |
| text-align | 指定文本的水平对齐方式 | 1 |
| text-align-last | 描述了当的text-align是块或强制断行前的行权的最后一行是对齐的"justify" | 3 |
| text-combine-upright | 指定的多个字符的组合成单个字符的空间 | 3 |
| text-indent | 指定一个文本块中的第一行的缩进 | 1 |
| text-justify | 指定当文本对齐是所使用的方法的理由"justify" | 3 |
| text-transform | 控制文字的资本 | 1 |
| white-space | 指定元素中空白的处理方式 | 1 |
| word-break | 指定非CJK文字换行规则 | 3 |
| word-spacing | 增加或减少的话之间的空间中的文本 | 1 |
| word-wrap | 允许长，牢不可破的话被突破，换到下一行 | 3 |
文本修饰属性
| 属性 | 描述 | CSS |
|---|---|---|
| text-decoration | 指定装饰添加到文本 | 1 |
| text-decoration-color | 指定文本装饰的颜色 | 3 |
| text-decoration-line | 指定文本装饰线的类型 | 3 |
| text-decoration-style | 指定文本装饰线的样式 | 3 |
| text-shadow | 添加阴影文本 | 3 |
| text-underline-position | 指定它是使用text-decoration属性设置下划线的位置 | 3 |
字体属性
| 属性 | 描述 | CSS |
|---|---|---|
| @font-face | 一个规则，允许网站下载并使用其他字体比"web-safe"的字体 | 3 |
| @font-feature-values | 允许作者在字体变，交替使用一个共同的名字在功能激活的OpenType不同 | 3 |
| font | 设置在一个声明中所有的字体属性 | 1 |
| font-family | 指定字体家族文本 | 1 |
| font-feature-settings | 允许对在OpenType字体印刷先进的控制功能 | 3 |
| font-kerning | 控制的字距信息的使用(how letters are spaced) | 3 |
| font-language-override | 控制特定语言的字形在字体的使用 | 3 |
| font-size | 指定文本的字体大小 | 1 |
| font-size-adjust | 当字体回退时保持文本的可读性 | 3 |
| font-stretch | 从字体的家庭选择一个正常的，凝结，或扩展的脸 | 3 |
| font-style | 指定文本的字体样式 | 1 |
| font-synthesis | 控制哪些缺失字体(bold or italic)可能会被浏览器合成 | 3 |
| font-variant | 指定是否文本应以小型大写字体显示 | 1 |
| font-variant-alternates | 相关控制在@字体特征值定义的备选名称替代字形的使用 | 3 |
| font-variant-caps | 控制替代字形为大写字母的使用 | 3 |
| font-variant-east-asian | 控制替代字形的东亚脚本的使用（如日本和中国） | 3 |
| font-variant-ligatures | 其中连字和上下文形式应用于元素的文本内容被用于控制 | 3 |
| font-variant-numeric | 控制替代字形的数字，分数，顺序标记的使用 | 3 |
| font-variant-position | 控制有关的字体的基线定位为标或下标较小尺寸的替代字形的使用 | 3 |
| font-weight | 指定字体的重量 | 1 |
书写模式属性
| 属性 | 描述 | CSS |
|---|---|---|
| direction | 指定文本的方向/书写方向 | 2 |
| text-orientation | 定义了文本的方向在一个行 | 3 |
| text-combine-upright | 指定的多个字符的组合成单个字符的空间 | 3 |
| unicode-bidi | 与一起使用方向属性来设置或返回文本是否应该重写以支持多种语言在同一文件中 | 2 |
| writing-mode | 3 |
表格属性
| 属性 | 描述 | CSS |
|---|---|---|
| border-collapse | 指定表格边框是否应该被折叠 | 2 |
| border-spacing | 指定相邻小区的边界之间的距离 | 2 |
| caption-side | 指定表格标题的位置 | 2 |
| empty-cells | 指定是否在表中显示在空单元格边框和背景 | 2 |
| table-layout | 设置要使用的一个表的布局算法 | 2 |
列表和计数器属性
| 属性 | 描述 | CSS |
|---|---|---|
| counter-increment | 递增一个或多个计数器 | 2 |
| counter-reset | 创建或复位一个或多个计数器 | 2 |
| list-style | 设置在一个声明中对列表中的所有属性 | 1 |
| list-style-image | 指定图像作为列表项标记 | 1 |
| list-style-position | 如果指定列表项标记应该出现内部或内容流之外 | 1 |
| list-style-type | 指定列表项标记的类型 | 1 |
动画属性
| 属性 | 描述 | CSS |
|---|---|---|
| @keyframes | 指定动画代码 | 3 |
| animation | 简写属性所有的动画属性（除动画播放状态和动画填充模式） | 3 |
| animation-delay | 指定的动画的开始的延迟 | 3 |
| animation-direction | 指定动画是否应在交替周期反转玩 | 3 |
| animation-duration | 指定的动画多少秒或毫秒需要完成一个周期 | 3 |
| animation-fill-mode | 指定元素样式当动画是不是在玩(when it is finished, or when it has a delay) | 3 |
| animation-iteration-count | 指定的动画应该播放的次数 | 3 |
| animation-name | 指定@keyframes动画的名称 | 3 |
| animation-play-state | 指定动画是否正在运行或暂停 | 3 |
| animation-timing-function | 指定动画的速度曲线 | 3 |
转换属性
| 属性 | 描述 | CSS |
|---|---|---|
| backface-visibility | 定义时不要对着屏幕上的元素是否应该可见 | 3 |
| perspective | 指定在被认为怎样3D元素的视角 | 3 |
| perspective-origin | 指定3D元素的底部位置 | 3 |
| transform | 适用的2D或3D变换到一个元素 | 3 |
| transform-origin | 允许你改变转化元素位置 | 3 |
| transform-style | 指定如何嵌套元素呈现在3D空间 | 3 |
转换属性
| 属性 | 描述 | CSS |
|---|---|---|
| transition | 简写属性设置四个转变特性 | 3 |
| transition-property | 指定CSS属性的过渡效果是名 | 3 |
| transition-duration | 指定过渡效果多少秒或毫秒需要完成 | 3 |
| transition-timing-function | 指定的过渡效果的速度曲线 | 3 |
| transition-delay | 指定当过渡效果将开始 | 3 |
基本的用户界面属性
| 属性 | 描述 | CSS |
|---|---|---|
| box-sizing | 告诉浏览器什么上浆性能(width and height)应包括 | 3 |
| content | 使用与：before和：after伪元素，插入生成的内容 | 2 |
| cursor | 指定要显示的光标的类型 | 2 |
| ime-mode | 控制文本字段输入法编辑器的状态 | 3 |
| nav-down | 指定在使用箭头向下导航键，当浏览 | 3 |
| nav-index | 指定跳位顺序为元素 | 3 |
| nav-left | 指定在使用箭头左导航键，当浏览 | 3 |
| nav-right | 指定在使用箭头，右导航键，当浏览 | 3 |
| nav-up | 指定在使用箭头式导航键，当浏览 | 3 |
| outline | 设置在一个声明中所有的轮廓属性 | 2 |
| outline-color | 设置轮廓的颜色 | 2 |
| outline-offset | 偏移轮廓，并提请其境外边缘 | 3 |
| outline-style | 设置轮廓的风格 | 2 |
| outline-width | 设置轮廓的宽度 | 2 |
| resize | 指定一个元素是否是由用户调整大小 | 3 |
| text-overflow | 指定当文本溢出包含的元素会发生什么 | 3 |
多列布局属性
| 属性 | 描述 | CSS |
|---|---|---|
| break-after | 指定页面级，column-，或生成的框后区断行 | 3 |
| break-before | 指定页面级，column-，或生成的禁区前区断行 | 3 |
| break-inside | 指定页面级，column-，或产生箱内区断行 | 3 |
| column-count | 指定的元素应分为列数 | 3 |
| column-fill | 指定如何填充列 | 3 |
| column-gap | 指定列之间的间隙 | 3 |
| column-rule | 简写属性设置所有列基于规则*属性 | 3 |
| column-rule-color | 指定列之间的规则的颜色 | 3 |
| column-rule-style | 指定列之间的规则的风格 | 3 |
| column-rule-width | 指定列之间的规则的宽度 | 3 |
| column-span | 指定多少列的元素应该跨越跨越 | 3 |
| column-width | 指定列的宽度 | 3 |
| columns | 速记属性设置列宽和列数 | 3 |
| widows | 当分页的元件内部发生设置一个必须在页面的顶部离开的最小行数 | 2 |
分页媒体
| 属性 | 描述 | CSS |
|---|---|---|
| orphans | 当分页的元件内部发生设置一个必须在页面底部留下的最小行数 | 2 |
| page-break-after | 在元素后设置分页行为 | 2 |
| page-break-before | 一个元素之前设置分页行为 | 2 |
| page-break-inside | 设置元素内部的分页行为 | 2 |
页面媒体生成内容
| 属性 | 描述 | CSS |
|---|---|---|
| marks | 增加作物和/或交标记到文档 | 3 |
| quotes | 设置引号为嵌入式报价类型 | 2 |
滤镜效果属性
| 属性 | 描述 | CSS |
|---|---|---|
| filter | 定义效果(eg blurring or color shifting)之前将显示元件的元件上 | 3 |
图像值和替换内容
| 属性 | 描述 | CSS |
|---|---|---|
| image-orientation | 指定正确的或顺时针方向旋转，用户代理适用于图像（此属性可能会被弃用，其功能转移到HTML） | 3 |
| image-rendering | 给出了一个提示浏览器什么图像方面是最重要的保护时，对图像进行缩放 | 3 |
| image-resolution | 指定/使用的元素上的所有光栅图像的分辨率内在 | 3 |
| object-fit | 指定如何替换元素的内容应适合其使用的高度和宽度确定的盒子 | 3 |
| object-position | 指定替换元素的它箱内对齐 | 3 |
隐蔽性
| 属性 | 描述 | CSS |
|---|---|---|
| mask | 3 | |
| mask-type | 3 |
语音属性
| 属性 | 描述 | CSS |
|---|---|---|
| mark | 简写属性设置标记之前和标记后的属性 | 3 |
| mark-after | 允许命名标志被附着到音频流 | 3 |
| mark-before | 允许命名标志被附着到音频流 | 3 |
| phonemes | 指定一个语音发音用于通过相应的元素包含在文本 | 3 |
| rest | 简写属性设置休息，前后休息-after属性 | 3 |
| rest-after | 指定讲一个元素的内容后，可以观察到一个休息或韵律边界 | 3 |
| rest-before | 指定讲一个元素的内容之前，要观察的休息或韵律边界 | 3 |
| voice-balance | 指定左和右声道之间的平衡 | 3 |
| voice-duration | 指定应该需要多长时间才能使所选元素的内容 | 3 |
| voice-pitch | 指定平均间距(a frequency)的发言声音的 | 3 |
| voice-pitch-range | 指定平均间距的变化 | 3 |
| voice-rate | 控制语速 | 3 |
| voice-stress | 表示要应用强调的实力 | 3 |
| voice-volume | 由语音synthesises指波形输出的幅度 | 3 |
字幕属性
| 属性 | 描述 | CSS |
|---|---|---|
| marquee-direction | 设置的移动内容的方向 | 3 |
| marquee-play-count | 设置多少次的内容移动 | 3 |
| marquee-speed | 设置内容滚动的速度有多快 | 3 |
| marquee-style | 设置移动内容的样式 | 3 |