HTML | DOM 样式 borderRight 属性

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

句法：

• 它返回 borderRight 属性。

  object.style.borderRight

• 它用于设置 borderRight 属性。

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

适当的价值：

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

返回值：该属性返回一个字符串，表示元素右边框的宽度、样式和颜色。

示例 1：

  

    DOM Style borderRight Property 

  

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

  
  

输出：
点击按钮前：

点击按钮后：

示例 2：

  

    DOM Style borderRight Property

  

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

  
     

输出：
点击按钮前：

点击按钮后：

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

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