HTML | DOM 样式 borderLeft 属性

DOM 样式的borderLeft属性用于设置或返回三个不同的border-left 属性，例如元素的border-left-width、border-left-style 和border-left-color。

句法：

• 它用于返回 borderLeft 属性。

  object.style.borderLeft

• 它用于设置 borderLeft 属性。

  object.style.borderLeft = "width style color|initial|inherit"

适当的价值：

• 宽度：这将设置左边框的宽度。
• style：这将设置左边框的样式。
• 颜色：这将设置左边框的颜色。
• 初始值：这会将属性设置为其默认值。
• 继承：这将从它的父元素继承属性

返回值：它返回一个字符串值，表示元素左边框的宽度、样式和/或颜色。

示例 1：

 
 
     
        
            DOM Style borderLeft Property 
         
     
      
     
         
             
                GeeksForGeeks 
             
              
            DOM Style borderLeft Property 
              
             
                Submit 
             
              
             
                function geeks() { 
                document.getElementById("sudo").style.borderLeft 
                                            = "thick solid green"; 
            } 
             
         
     
                    

输出：
点击按钮前：

点击按钮后：

示例 2：

 
 
     
        
            DOM Style borderLeft Property
         
     
      
     
         
             
                GeeksForGeeks 
             
              
            DOM Style borderLeft Property  
              
            geksforgeeks 
             
              
             
                Submit 
             
              
             
                function geeks() { 
                    document.getElementById("sudo").style.borderLeft
                                            = "thick dotted green"; 
                } 
             
         
     
                    

输出：
点击按钮前：

点击按钮后：

支持的浏览器： DOM borderLeft 属性支持的浏览器如下：

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