HTML | DOM 样式 borderBottom 属性

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

句法：

• 它返回 borderBottom 属性。

  object.style.borderBottom

• 它用于设置 borderBottom 属性。

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

范围：

• 宽度：它保存底部边框的宽度。
• style：设置底部边框样式。
• 颜色：设置底部边框的颜色。
• 初始：设置它的默认属性。
• 继承：从其父级继承属性。

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

例子：

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

输出：
点击按钮前：

点击按钮后：

示例 2：

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

输出：
点击按钮前：

点击按钮后：

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

• 谷歌浏览器 1.0
• 浏览器 4.0
• 火狐 1.0
• 歌剧 3.5
• Safari 1.0