HTML | DOM 样式 borderRightWidth 属性

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

句法：

• 它返回 borderRightWidth 属性。

  object.style.borderRightWidth

• 它用于设置 borderRightWidth 属性。

  object.style.borderRightWidth = "thin|medium|thick|length|
  initial|inherit"

属性值：

• 细：用于定义细边框。
• medium：用于定义中边框，默认值。
• 粗：用于定义粗边框。
• length：边框的宽度以长度为单位。
• initial：用于设置为默认值。
• 继承：用于从其父元素继承。

示例 1：本示例使用 style borderRightWidth 属性将右边框的宽度设置为 20px。

 
    
        Style borderRightWidth Property
    
 
  

  
    
          
        GeeksForGeeks
          
        
            Style borderRightWidth Property
        
          
        
            Click
        
          
        
    
      
    
    
        function myFunction() {
            document.getElementById("GFG").style.borderRightWidth
                    = "20px";
        }
    

  

输出：
在点击按钮之前：

点击按钮后：

示例 2：此示例使用样式 borderRightWidth 属性将右边框的宽度设置为“细”。

  
 
    
        Style borderRightWidth Property
    
 
  

   
    
        
            GeeksForGeeks
        
        
            Style borderRightWidth Property
        
          
        
            Click
        
          
        
    
      
    
    
        function myFunction() {
            document.getElementById("GFG").style.borderRightWidth
                    = "thin";
        }
    

  

输出：
在点击按钮之前：

点击按钮后：

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

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