CSS 2.1 参考手册/border-color

定义

border-color属性是为四个边框的颜色。border（边框）是元素的内边距和外边距之间的空隙，在下面的图释中用亮黄填充的部分。

案例

h1 {border-color: red green blue black}
h2 {border-color: silver #eeeeee}

img{border:1px transparent solid;background:#FAFAFA;}/*设置边框色为transparent在页面中占据位置。可删除border:1px transparent solid;属性测试hover时导致的位移*/
img:hover{border-color:#AAA;}/*hover时只需改变颜色。如果img没有设置border属性，hover会产生元素位移*/

<img src="http://static.blueidea.com/static/image/common/logo.gif" alt="蓝色理想" />
<img src="http://static.blueidea.com/static/image/common/logo.gif" alt="蓝色理想" />

特性

可能的值

• 可以有一，二，三，四个颜色值（包括关键字 transparent）。如果只有一个值，他将提供给所有四个边框。如果有两个值，第一个值将赋给上边框和下边框，第二个值赋给左右边框。如果有三个值，第一个值赋给上边框，第二个值赋给左右边框，第三个值赋给下边框。如果有四个值，以上，右，下，左的排序赋值。
• inherit: 使用与父元素相同的属性值。

默认值

由浏览器定义

适用于

所有元素

继承

不

另见

• border
• border-style
• border-width
• 原文地址：http://xhtml.com/en/css/reference/border-color/