CSS属性 - border-color 边框颜色属性

说明

该CSS属性用来设定边框的颜色。边框区域的定义,请参见 CSS 盒子模式 (Box Model)

值:<color>{1,4} | inherit

可用值值的说明

color

最多四个颜色名称或颜色代码值。

border-color 是 border-top-color, border-right-color, border-bottom-color,border-left-color 的一种快捷的综合写法,最多允许四个值,依次的顺序是:上,右,下,左。

如果只有一个值,表示四个边框都用同样的颜色。如果有两个值,第一个值表示上下边框颜色,第二个值表示左右边框颜色。如果有三个值,第一个值表示上边框颜色,第二个值表示左右边框颜色,第三个值表示下边框颜色。

示例代码

.d1 {border-color:#FFA500;border-style:solid;}
.d2 {border-color:#33CC00 #FFA500;border-style:solid;}
.d3 {border-color:blue gray yellow red;border-style:solid;}
.d4 {border-color:blue gray red;border-style:solid;}

继承

适用于

所有元素