CSS 属性

CSS border-left 设置元素的左边框； value 是颜色、border-left-width 值和 border-style 值中的一个或多个。

属性值

可能的值是:

  • 一种或多种颜色 border-left-color

  • 边框的值-width border-left-width

  • 边框样式的值 border-left-style

适用范围

所有 HTML 元素。

DOM 语法

object.style.borderLeft = "2px solid red";

示例

border-left 属性允许您在一个属性中指定左侧线条的颜色、样式和宽度。以下示例演示了这一点:

<html>
<head>
   <style>
      p.example1{
         height:50px;
         border-left: blue 15px solid ;
         }
      p.example2{
        height:50px;
        border-left: red 15px dashed;
        }
      p.example3{
         height:50px;
         border-left: green 15px groove;
         }
   </style>
</head>
<body>
      <p class="example1">Check the left border!!!</p>
      <p class="example2">Check the left border!!!</p>
      <p class="example3">Check the left border!!!</p>
</body>
</html>