CSS | border-left-style 属性

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

句法：

border-left-style: none| hidden| dotted| dashed| solid| double |
groove| ridge| inset| outset| initial| inherit;

属性值：

Value	Description
none	It sets no left border.
hidden	It sets no border, except border conflict resolution for table elements.
dotted	It sets a dotted left border.
dashed	It sets a dashed left border.
solid	It sets a solid left border.
double	It sets a double border.
groove	It sets a 3D grooved left border.
ridge	It sets a 3D ridged left border.
inset	It sets a 3D inset left border.
outset	It sets a 3D outset left border.
initial	It sets the border-left-style property to its default value.
inherit	It inherits the property values from its parent element.

返回值：返回元素左边框的样式。

示例 1：显示虚线左边框。

  

    

  

  
    
Geeks for Geeks
  
    

        
Dotted Left Border
  

  

输出：

示例 2：显示双左边框

  

    

  

  
    
Geeks for Geeks
  
    

        
Double Left Border
  

  

输出：

示例 3：显示纯左边框

  

    

  

  
    
Geeks for Geeks
  
    

        
Solid Left Border
  

  

输出：

支持的浏览器： CSS Border Left Style 属性支持的浏览器如下：

• 谷歌浏览器
• 火狐
• IE浏览器
• 歌剧
• 苹果浏览器