HTML | DOM 样式 borderBottomColor 属性

HTML DOM 中的Style borderBottomColor 属性用于设置或返回元素底部边框的颜色。

句法：

• 它返回 borderBottomColor 属性。

  object.style.borderBottomColor

• 它用于设置 borderBottomColor 属性。

  object.style.borderBottomColor = "color|transparent|initial|
  inherit"

属性值：

• color：指定对应元素的下边框颜色。默认颜色为黑色。
• 透明：将对应元素的底部边框颜色设置为透明。
• 初始：将 borderBottomColor 属性设置为其默认值。
• 继承：该属性从其父元素继承。

返回值：它返回一个字符串，表示元素底部边框的颜色。

示例 1：本示例将底部边框的颜色更改为黑色。

 
 
  
 
    
        Style borderBottomColor Property
    
      
     
        #GFG_Div { 
            width: 400px; 
            margin-left: 210px; 
            border: thick solid green; 
        } 
     
 
  
 
      
    
        GeeksforGeeks
          
        
            DOM Style borderBottomColor Property
        
          
        
            Click to change the bottom border
            color of an element
         
    
      
    
      
     
        Click to change 
     
      
    
     
        function myGeeks() { 
            document.getElementById("GFG_Div") 
                .style.borderBottomColor = "blue"; 
        } 
     
  
 
  
 

输出：

• 点击按钮前：
  
• 点击按钮后：
  

示例 2：本示例将底部边框的颜色更改为透明值。

 
 
  
 
    
        Style borderBottomColor Property
    
      
     
        #GFG_Div { 
            width: 400px; 
            margin-left: 210px; 
            border: thick solid green; 
        } 
     
 
  
 
      
    
        GeeksforGeeks
          
        
            DOM Style borderBottomColor Property
        
          
        
            Click to change the bottom border
            color of an element
         
    
      
    
      
     
        Click to change 
     
      
    
     
        function myGeeks() { 
            document.getElementById("GFG_Div") 
            .style.borderBottomColor = "transparent"; 
        } 
     
  
 
  
 

输出：

• 点击按钮前：
  
• 点击按钮后：
  

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

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