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

浏览器支持

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

ChromeEdgeFirefoxSafariOpera
ChromeEdgeFirefoxSafariOpera
1.04.01.01.03.5