CSS border-bottom-width 属性

主题

默认模式
浅蓝色模式
淡绿色模式
深夜模式

定义和用法

border-bottom-width 是 CSS 中用于设置元素底部边框宽度的属性。

border-bottom-width 单独使用不会显示边框，必须同时设置 border-bottom-style 属性。

默认值：	medium
继承性：	否
可动画性：	支持。请参阅：可动画属性。
版本：	CSS1
JavaScript 语法：	object.style.borderBottomWidth="5px"

常用的实例

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

实例代码运行代码

复制

/* 使用关键字 */
.example1 {
    border-bottom-width: thin;
}

/* 使用具体长度值 */
.example2 {
    border-bottom-width: 2px;
}

.example3 {
    border-bottom-width: 0.5em;
}

/* 与其他边框属性一起使用 */
.example4 {
    border-bottom-width: 4px;
    border-bottom-style: solid;
    border-bottom-color: #ff0000;
}

CSS 语法

border-bottom-width: medium|thin|thick|length|initial|inherit;

属性值

值	描述
`medium`	中等边框（通常为 3px，这是默认值）。
`thin`	细边框（通常为 1px）。
`thick`	粗边框（通常为 5px）。
`length`	使用具体长度值（如 px, em, rem 等）。参阅 CSS 单位。
`initial`	将此属性设置为其默认值。参阅 initial。
`inherit`	从其父元素继承此属性。参阅 inherit。