CSS border-left-width 属性

主题

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

定义和用法

border-left-width 用于设置元素的左边框的宽度。

border-left-width 若要显示，必须同时设置border-left-style属性（如solid、dotted、dashed等）。

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

常用的实例

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

实例代码运行代码

复制

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

/* 使用具体像素值 */
.example2 {
    border-left-width: 5px;
}

/* 使用相对单位 */
.example3 {
    border-left-width: 0.5em;
}

/* 继承父元素设置 */
.example4 {
    border-left-width: inherit;
}

CSS 语法

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

属性值

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