CSS border-left 属性

主题

定义和用法

border-left 是一个简写属性，借助它可以一次性设置元素左边框的边框宽度、边框样式和边框颜色。

border-left 简写属性三个值的顺序可以任意调换，而且这三个值都不是必需的。不过，在实际使用时，至少要指定 style 值，因为如果没有样式，边框就不会显示出来。

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

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

实例代码运行代码

复制

.example1{
    border-left: 5px solid red;
}

.example2{
    border-left: 4px dotted blue;
}

.example3{
    border-left: double;
}

border-left: border-width border-style border-color|initial|inherit;

值	描述
`border-left-width`	规定下边框的宽度。参阅：border-left-width 中可能的值。
`border-left-style`	规定下边框的样式。参阅：border-left-style 中可能的值。
`border-left-color`	规定下边框的颜色。参阅：border-left-color 中可能的值。
`initial`	将此属性设置为其默认值。参阅 initial。
`inherit`	从其父元素继承此属性。参阅 inherit。