border-left是CSS属性，用于设置元素左边框的样式、颜色和宽度。它可以分别指定左边框的样式、颜色和宽度，也可以使用简写形式一次性设置它们。
以下是一些用法示例：
使用简写形式设置左边框的样式、颜色和宽度：
div {
border-left: 1px solid black;
}
分别指定左边框的样式、颜色和宽度：
div {
border-left-style: dotted;
border-left-color: red;
border-left-width: 2px;
}
border-left-color样式
border-left-color属性用于设置边框左侧的颜色。它可以与其他 border-left-* 属性一起使用，如 border-left-width 和 border-left-style，来完全定义左侧边框的样式。
以下是示例代码：
<!DOCTYPE html>
<html>
<head>
<title>border-left-color示例</title>
<style>
div {
border-left: 5px solid red;
border-left-color: blue;
padding: 10px;
}
</style>
</head>
<body>
<div>
<p>这是一个带有左侧蓝色边框的 div 元素。</p>
</div>
</body>
</html>
在这个例子中，我们将 div 元素的左侧边框的宽度设置为 5px，颜色设置为 red。然后，我们使用 border-left-color 将边框颜色更改为蓝色。最后，我们给 div 元素添加了 padding，使文本内容远离边框。
border-left-style css样式
border-left-style 属性用于设置左边框的样式，常用的样式值包括：none（无边框）、solid（实线边框）、dotted（点状边框）、dashed（虚线边框）等。下面是一个示例：
border-left-style: dotted;
上述代码将设置左边框为点状边框。
border-left-width样式
border-left-width 样式用于设置元素左边框的宽度。它可以接受一个长度单位的值，例如像素、百分比、em 等。如果设置了四个边框的宽度（即 border-width），则可以单独设置每个边框的宽度（包括左边框）。
示例：
div {
border-left-width: 2px;
}
上面的 CSS 规则将为所有 div 元素设置 2 像素的左边框宽度。