边框(Border) |
border-color |
CSS3 |
|
设置对象边框的颜色。 |
border-image |
CSS3 |
|
使用图片作为对象的边界。 |
border-radius |
CSS3 |
|
设置圆角。 |
box-shadow |
CSS3 |
|
设置阴影效果。 |
背景(Background) |
background-origin |
CSS3 |
|
规定背景显示的区域。 |
background-clip |
CSS3 |
|
规定背景图片或颜色是否能在边框下显示。 |
background-size |
CSS3 |
|
设置背景图片的大小。 |
multiple backgrounds |
CSS3 |
|
多重背景图象,可以把不同背景图象只放到一个块元素里。 |
颜色(Color) |
RGBA colors |
CSS3 |
|
以RGBA模式设置颜色。 |
opacity |
CSS3 |
|
设置透明度。 |
HSLA colors |
CSS3 |
|
以HSLA色彩模式设置颜色。 |
HSL colors |
CSS3 |
|
以HSL色彩模式设置颜色。 |
文本(Text effects) |
word-wrap |
CSS3 |
|
设置或检索是否使用一个省略标记(...)标示对象内文本的溢出。 |
text-overflow |
CSS3 |
|
设置或检索是否使用一个省略标记(...)标示对象内文本的溢出。 |
text-shadow |
CSS3 |
|
设置或检索对象中文本的文字是否有阴影及模糊效果。 |
用户界面(User-interface) |
box-sizing |
CSS3 |
|
改变容器的盒模型组成方式。 |
resize |
CSS3 |
|
使元素的区域可缩放,调节元素尺寸大小。适用于任意获得"overflow"条件的容器。 |
outline |
CSS3 |
|
设置元素周围的轮廓线。 |
outline-width |
CSS3 |
|
设置元素整个轮廓的宽度,只有当轮廓样式不是 none 时,这个宽度才会起作用。不允许设置负长度值。 |
outline-style |
CSS3 |
|
设置一个元素的整个轮廓的样式。 |
outline-offset |
CSS3 |
|
可以让轮廓偏离容器边缘,即可以调整外框与容器边缘的距离。 |
outline-color |
CSS3 |
|
设置一个元素整个轮廓中可见部分的颜色。 |
nav-index |
CSS3 |
|
该属性为当前元素指定了其在当前文档中导航的序列号。 |
nav-up |
CSS3 |
|
输入设备默认四个方向键按html文档顺序顺序来控制元素的焦点切换,但为了更好的用户体验,User agents提供了自定义切换焦点的控制顺序方向。 |
nav-right |
CSS3 |
|
同上。 |
nav-down |
CSS3 |
|
同上。 |
nav-left |
CSS3 |
|
同上。 |
基础盒模型(Basic box model) |
overflow |
CSS3 |
|
检索或设置当对象的内容超过其指定高度及宽度时如何管理内容。 |
overflow-x |
CSS3 |
|
检索或设置当对象的内容超过其指定宽度时如何管理内容。 |
overflow-y |
CSS3 |
|
检索或设置当对象的内容超过其指定高度时如何管理内容。 |
内容(Generated Content) |
content |
CSS3 |
|
插入生成内容,与 :before 及 :after 伪元素配合使用。 |
其他模型(Other modules) |
media queries |
CSS3 |
|
判断媒介(对象)类型来实现不同的展现。 |
Speech |
CSS3 |
|
规定哪一块可以让机器来阅读。 |
columns |
CSS3 |
|
可以同时定义多栏的数目和每栏宽度。 |
column-width |
CSS3 |
|
可以同时定义多栏的数目和每栏宽度。 |
column-span |
CSS3 |
|
定义元素可以在栏目上定位显示。 |
column-rule |
CSS3 |
|
定义元素可以在栏目上定位显示。 |
column-rule-color |
CSS3/CSS3 |
|
定义每栏之间边框的颜色。 |
column-rule-width |
CSS3 |
|
定义每栏之间边框的宽度。 |
column-rule-style |
CSS3/CSS3 |
|
定义每栏之间边框的颜色。 |
column-gap |
CSS3 |
|
定义两栏之间的间距距离。 |
column-fill |
CSS3 |
|
定义栏目的高度是否统一。 |
column-count |
CSS3 |
|
可以定义栏目的数目。 |
column-break-before |
CSS3 |
|
定义元素之前是否断行。 |
column-break-after |
CSS3 |
|
定义元素之后是否断行。 |
@font-face |
CSS3 |
|
能够加载服务器端的字体文件,让客户端显示客户端所没有安装的字体。 |
选择器(Selectors) |
子串匹配的属性选择符 E[att^="val"] |
CSS3 |
|
匹配具有att属性、且值以val开头的E元素。 |
子串匹配的属性选择符 E[att$="val"] |
CSS3 |
|
匹配具有att属性、且值以val结尾的E元素。 |
子串匹配的属性选择符 E[att*="val"] |
CSS3 |
|
匹配具有att属性、且值中含有val的E元素。 |
结构性伪类 E:root |
CSS3 |
|
匹配文档的根元素。在HTML中,根元素永远是HTML。 |
结构性伪类 E:nth-child(n) |
CSS3 |
|
匹配父元素中的第n个子元素E。 |
结构性伪类 E:nth-last-child(n) |
CSS3 |
|
匹配父元素中的倒数第n个结构子元素E。 |
结构性伪类 E:nth-of-type(n) |
CSS3 |
|
匹配同类型中的第n个同级兄弟元素E。 |
结构性伪类 E:nth-last-of-type(n) |
CSS3 |
|
匹配同类型中的第n个同级兄弟元素E。 |
结构性伪类 E:last-child |
CSS3 |
|
匹配同类型中的第n个同级兄弟元素E。 |
结构性伪类 E:last-child |
CSS3 |
|
匹配同类型中的第n个同级兄弟元素E。 |
结构性伪类 E:only-child |
CSS3 |
|
匹配属于父元素中唯一子元素的E。 |
结构性伪类 E:only-of-type |
CSS3 |
|
匹配属于同类型中唯一兄弟元素的E。 |
结构性伪类 E:empty |
CSS3 |
|
匹配没有任何子元素(包括text节点)的元素E。 |
UI元素状态伪类 E:checked |
CSS3 |
|
匹配所有用户界面(form表单)中处于选中状态的元素E。 |
UI元素状态伪类 E:enabled |
CSS3 |
|
匹配所有用户界面(form表单)中处于可用状态的E元素。 |
UI元素状态伪类 E:disabled |
CSS3 |
|
匹配所有用户界面(form表单)中处于不可用状态的E元素。 |
UI元素状态伪类 E::selection |
CSS3 |
|
匹配E元素中被用户选中或处于高亮状态的部分。 |
否定伪类 E:not(s) |
CSS3 |
|
匹配所有不匹配简单选择符s的元素E。 |
目标伪类 E:target |
CSS3 |
|
匹配相关URL指向的E元素。 |
通用兄弟元素选择器 E ~ F |
CSS3 |
|
匹配E元素之后的F元素。 |