CSS3 属性

属性(Properties) 版本(Version) 兼容性(Compatibility) 简介(Description)
边框(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元素。