Style borderBottomColor 属性

定义和用法

borderBottomColor 属性设置或返回元素下边框的颜色。

另请参阅：

CSS 教程：CSS 边框

CSS 参考手册：border-bottom-color 属性

HTML DOM 参考手册：border 属性

实例

例子 1

将 <div> 元素下边框的颜色更改为红色：

document.getElementById("myDiv").style.borderBottomColor = "red";

亲自试一试

例子 2

返回 <div> 元素的下边框的颜色：

alert(document.getElementById("myDiv").style.borderBottomColor);

亲自试一试

语法

返回 borderBottomColor 属性：

object.style.borderBottomColor

设置 borderBottomColor 属性：

object.style.borderBottomColor = "color|transparent|initial|inherit"

属性值

值 描述
color

规定下边框的颜色。默认为黑色。

请查看 CSS 颜色值，获取可能的颜色值的完整列表。
transparent 下边框颜色透明（底层内容会透出来）。
initial 将此属性设置为其默认值。请参阅 initial。
inherit 从其父元素继承此属性。请参阅 inherit。

技术细节

默认值： black
返回值： 字符串，表示元素下边框的颜色。
CSS 版本： CSS1

浏览器支持

表中的数字注明了首个完全支持该属性的浏览器版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5