CSS 属性

CSS border-left-style 设置元素左边框的样式。

属性值

  • none: 无边框。 （相当于 border-width:0;）

  • solid: 边框是一条实线。

  • dotted: 边框是一系列点。

  • dashed : 边框是一系列短线。

  • double : 边框是两条实线线条。

  • groove : 边框看起来好像是刻在页面上的。

  • ridge : 边框看起来与凹槽相反。

  • inset: 边框使框看起来像是嵌入在页面中。

  • outset: 边框使框看起来像嵌入在页面中。框看起来像是从画布中出来的。

  • hidden: 与无相同，除了表格元素的边框冲突解决方案之外。

适用范围

所有 HTML 元素。

DOM 语法

object.style.borderLeftStyle="dashed"

示例

以下示例演示border-left-style 属性 -

<html>
   <head>
      <style>
        h2{
            border-style: groove;
            border-left-style: double ;
        }
        p {
           border-style: solid;
           border-left-style: ridge;
        }
      </style>
   </head>
   <body>
        <h2>左边框是 double</h2>
        <p>左边框是 ridge</p>
   </body>
</html>