CSS 属性

CSS border-left-color 设置元素左边框的颜色；默认值是元素的颜色。

属性值

  • color: 任何有效的颜色值。

适用范围

所有 HTML 元素。

DOM 语法

object.style.borderLeftColor = "red";
始终声明 border-left-style 或 border-left-color 属性之前的 border-style 属性。

示例

这里是显示此属性效果的示例 -

<html>
<head>
   <style>
      p.example1 {border-style: solid;
         border-left-color: rgb(255, 0, 0);
         }
      p.example2 {border-style: solid;
          border-left-color: rgba(255, 0, 0,0.4);
          }
      p.example3 {border-style: solid;
          border-left-color: hsl(0, 100%, 50%);
          }
      p.example4 {border-style: solid;
          border-left-color: hsla(0, 100%, 50%, 0.3);
          }
      p.example5 {border-style: solid;
          border-left-color: transparent;
          }
   </style>
</head>
<body>
           <p class="example1">带有 RGB 颜色值的左边框</p>
       <p class="example2">具有 RGBA 颜色值的左边框</p>
       <p class="example3">具有 HSL 颜色值的左边框</p>
       <p class="example4">具有 HSLA 颜色值的左边框</p>
       <p class="example5">具有透明颜色值的左边框</p>

</body>
</html>