文档介绍：CSS3 中文手册
CSS3 Properties
属性列表
Border-color
版本:CSS3
继承性:无
语法:
border-color : <color>
相关属性:border-top-color, border-right-color, border-bottom-color , border-left-color
取值:
<color>:
颜色值。
说明:
设置对象边框的颜色。
使用CSS3的border-radius属性,如果你设置了border的宽度是X px,那么你就可以在这个border上使用X种颜色,每种颜色显示1px的宽度。如果说你的border的宽度是10个像素,但是只声明了5或6种颜色,那么最后一个颜色将被添加到剩下的宽度。
引擎类型
Gecko
Webkit
Presto
Border-color
-moz-border-color
 
 
 
 
 
 
兼容性:
类型
Explorer
Firefox
Chrome
Opera
Safari
版本
(×)IE6
(×)Firefox
(×)Chrome
(×)Opera
(×)Safari
(×)IE7
(√)Firefox
(×)Chrome
类型
Explorer
Firefox
Chrome
Opera
Safari
(×)IE8
(√)Firefox
示例:
复制代码
Copyright © 2009 Tencent ISD webteam. All Rights Reserved
快速跳转
语法
取值
说明
兼容性
示例
[Amber demo]
Border-image
版本:CSS3
继承性:无
语法:
border-image : none | <image> [ <number> | <percentage>]{1,4} [ / <border-width>{1,4} ]? [ stretch | repeat | round ]{0,2}
相关属性: border-image:border-top-image , border-right-image , border-bottom-image , border-left-image
border-corner-image:border-top-left-image , border-top-right-image , border-bottom-left-image , border-bottom-right-image
取值:
none:
默认值。无背景图。
<image>:
使用绝对或相对 url 地址指定背景图像。
<number>:
边框宽度用固定像素值表示。
<percentage>:
边框宽度用百分比表示。
[ stretch | repeat | round ]:
拉伸| 重复| 平铺(其中stretch是默认值。)
 
说明:
使用图片作为对象的边界。
当table设置border-collapse为collapse无效。
引擎类型
Gecko
Webkit
Presto
Border-image
-moz-border-image
-webkit-border-image
 
 
兼容性:
类型
Explorer
Firefox
Chrome
Opera
Safari
版本
(×)IE6
(×)Firefox
(√)Chrome
(×)Opera
(√)Safari
类型
Explorer
Firefox
Chrome
Opera
Safari
(×)IE7
(×)Firefox
(√)Chrome
(√)Safari 4
(×)IE8
(√)Firefox
示例:
使用的图片:
复制代码
Copyright © 2009 Tencent ISD webteam. All Rights Reserved
快速跳转
语法
取值
说明
兼容性
示例
[Amber demo]
Border-radius
版本:CSS3
继承性:无
语法:
border-radius : none | <length>{1,4} [ / <length>{1,4} ]?
相关属性: border-top-right-radius , border-bottom-ri