CSS border-left 属性

border-left 属性用于设置元素的左边框样式。它可以单独设置左边框的宽度、样式和颜色。

语法

selector {
    border-left: border-width border-style border-color;
}

• border-width：指定左边框的宽度，可以是 thin、medium、thick 或具体的像素值。
• border-style：指定左边框的样式，常用的值有 solid、dotted、dashed、double 等。
• border-color：指定左边框的颜色，可以是颜色名称、十六进制值或 RGB 值。

示例

div {
    border-left: 2px solid #ff0000;
}

上面的示例代码会将 <div> 元素的左边框设置为红色、宽度为 2 像素的实线。

注意事项

• 如果只想设置左边框的某个属性，可以单独使用 border-left-width、border-left-style 和 border-left-color 属性。
• 当使用 border-left 属性时，如果只指定一个值，则会同时应用于左、上、右、下四个边框。
• 当使用 border-left 属性时，如果指定两个值，则第一个值为宽度，第二个值为样式。
• 当使用 border-left 属性时，如果指定三个值，则第一个值为宽度，第二个值为样式，第三个值为颜色。

以上就是关于 CSS 属性 border-left 的详细介绍，希望对你有所帮助。