HTML | DOM 样式 borderBottomWidth 属性

HTML DOM 中的 style borderBottomWidth属性用于设置或返回元素下边框的宽度。

句法：

• 用于返回下边框的宽度。

  object.style.borderBottomWidth

• 用于设置下边框的宽度。

  border-bottom-width: "medium|thin|thick|length|initial|inherit";

返回值：返回被选元素的下边框宽度。

属性值：

• medium：设置中等大小的底部边框。它是默认值。
• 细：它设置底部的细边框。
• 厚：它设置厚底边框。
• length：它设置边框的宽度。它不接受负值。
• 初始：将 borderBottomWidth 属性设置为其默认值。
• 继承：这用于从其父元素继承。

示例 1：此示例使用 borderBottomWidth 属性的粗值。

  

    
        HTML | DOM Style borderBottomWidth Property
    
    
        div {
            color: green;
            border: 1px solid green;
            text-align: center;
        }
    

  

    
        GeeksforGeeks.!
    
    
  
    
  
    
     function geeks() {
        document.getElementById("main").style.borderBottomWidth 
                                                     = "thick";
        }
    

  

输出：
点击按钮前：

点击按钮后：

示例 2：此示例使用 borderBottomWidth 属性的细值。

    
        HTML | DOM Style borderBottomWidth Property
    
    
        div {
            color: green;
            border: 8px solid green;
            text-align: center;
        }
    

  

    
        GeeksforGeeks.!
    
    
      
    
          
    
    function geeks() {
        document.getElementById("main").style.borderBottomWidth
                    = "thin";
    }
    

                    

输出：
点击按钮前：

点击按钮后：

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

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