CSS border-left-color 属性

概述

border-left-color 属性用于设置元素左边框的颜色。可以使用颜色关键字、十六进制值、RGB 值、HSL 值等方式来定义颜色。

语法

border-left-color: color|transparent|initial|inherit;

• color：指定元素左边框的颜色值。
• transparent：表示透明色。
• initial：设置为默认值。
• inherit：继承父元素的值。

示例

使用颜色关键字设置左边框颜色

.border-left {
  border-left: 2px solid red;
  border-left-color: blue;
}

使用十六进制值设置左边框颜色

.border-left {
  border-left: 2px solid #ff0000;
  border-left-color: #00ff00;
}

使用 RGB 值设置左边框颜色

.border-left {
  border-left: 2px solid rgb(255, 0, 0);
  border-left-color: rgb(0, 255, 0);
}

使用 HSL 值设置左边框颜色

.border-left {
  border-left: 2px solid hsl(0, 100%, 50%);
  border-left-color: hsl(120, 100%, 50%);
}

以上是关于 CSS 属性 border-left-color 的详细介绍和示例代码。