HTML | DOM 样式 borderRightColor 属性

borderRightColor 属性允许我们设置/获取元素右边框的颜色。
句法：

• 它用于返回 borderRightColor 属性。

  object.style.borderRightColor

• 它用于返回 borderRightColor 属性。

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

返回值： borderRightColor 属性返回元素右边框的颜色。
属性值：

• color：指定对应元素的右边框颜色。黑色是默认颜色。
  • 句法：

    borderRightColor = "red"

    例子：

      
    
        
            #GFG_Div {
                width: 200px;
                margin-left: 210px;
                border: thick solid green;
            }
        
    
      
    
         Click to change the right border color of element.
        
            Click to change
        
        
        
        GeeksforGeeks
        
            function myGeeks() {
                document.getElementById("GFG_Div")
                    .style.borderRightColor = "red";
            }
        
      
    
      

    输出：

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

    borderRightColor = "yellow"

    例子：

      
    
        
            #GFG_Div {
                width: 200px;
                margin-left: 210px;
                border: thick solid green;
            }
        
    
      
    
         Click to change the right border color of element.
        
            Click to change
        
        
        
        GeeksforGeeks
        
            function myGeeks() {
                document.getElementById("GFG_Div")
                    .style.borderRightColor = "yellow";
            }
        
      
    
      

    输出：

    • 点击按钮前
      
    • 点击按钮后
      
• 透明：将对应元素的右边框颜色设置为透明。
  • 句法：

    borderRightColor = "transparent"

    例子：

      
    
        
            #GFG_Div {
                width: 200px;
                margin-left: 210px;
                border: thick solid green;
            }
        
    
      
    
         Click to change the right border color of element.
        
            Click to change
        
        
        
        GeeksforGeeks
        
            function myGeeks() {
                document.getElementById("GFG_Div")
                    .style.borderRightColor = "transparent";
            }
        
      
    
      

    输出：

    • 点击按钮前
      
    • 点击按钮后
      
• initial：当这个字段没有指定值时，它是从元素的父元素继承的。如果没有父元素意味着此元素是根元素，则它采用初始（或默认）值。
• 继承：此关键字将属性的初始（或默认）值应用于元素。初始值不应与浏览器样式表指定的值混淆。当 borderColor 设置为初始时，它显示为黑色（默认）颜色。

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

• 谷歌浏览器：支持
• Internet Explorer：支持
• Mozilla Firefox：支持
• Safari：支持
• 歌剧：支持