HTML | DOM 样式 borderTopColor 属性

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

• 它返回 borderTopColor 属性。

  object.style.borderTopColor

• 它用于设置 borderTopColor 属性。

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

返回值： borderTopColor 属性返回元素上边框的颜色。
属性值：

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

    borderTopColor = "red"

    例子：

      
    
        
            HTML | DOM Style borderTopColor Property
        
        
            #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.borderTopColor = "red";
            }
        
      
    
      

    输出：

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

    borderTopColor = "yellow"

    例子：

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

    输出：

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

    borderTopColor = "transparent"

    例子：

      
    
        
            HTML | DOM Style borderTopColor Property
        
        
            #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.borderTopColor = "transparent";
            }
        
      
    
      

    输出：

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

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

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