CSS border-bottom-color 属性

主题

定义和用法

border-bottom-color 是一个 CSS 属性，用于单独设置元素底部边框的颜色。

border-bottom-color 只能定义纯色，而且只有当边框的样式是一个非 none 或 hidden 的值时边框才可能出现。

默认值：	当前元素颜色
继承性：	否
可动画性：	支持。请参阅：可动画属性。
版本：	CSS1
JavaScript 语法：	object.style.borderBottomColor="blue"

下面通过一些示例，让你更直观地了解 border-bottom-color 属性的用法：

实例代码运行代码

复制

.example {
    border: 2px solid;
    border-bottom-color: red;
    padding: 10px;
    width: 200px;
}

border-bottom-color: color|transparent|initial|inherit;

值	描述
`color`	指定底部边框的颜色（默认颜色是元素的当前颜色）。参阅 CSS颜色值。
`transparent`	指定边框颜色应为透明。
`initial`	将此属性设置为其默认值。参阅 initial。
`inherit`	从其父元素继承此属性。参阅 inherit。