CSS 2.1 参考手册/border-color

来自Blueidea
跳转至: 导航搜索

定义

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

Border-box-model.gif

案例

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: 使用与父元素相同的属性值。

默认值

由浏览器定义

适用于

所有元素

继承

另见