HTML | DOM 样式 outlineColor 属性

DOM Style outlineColor 属性用于设置或返回元素周围轮廓的颜色。

句法：

它用于返回 outlineColor 属性

object.style.outlineColor 

它用于设置outlineColor属性

object.style.outlineColor = "color|invert|initial|inherit"

属性值：

• 颜色：它将轮廓颜色设置为任何有效的 CSS 颜色。
• invert：将轮廓颜色设置为与背景相反的颜色，以确保轮廓始终可见。注意：并非所有浏览器都支持它。
• 继承：它根据从其父元素继承的outline-color 属性设置轮廓颜色。

返回值：它返回一个字符串值，该值表示元素中 ouline 的颜色。

示例 1：

  

    
        HTML | DOM Style outlineColor Property
    
    
        #myDiv {
            border: 1px solid red;
            outline: green dotted thick;
        }
    

  

     Geeks for Geeks
    HTML | DOM Style outlineColor Property
  
    Welcome to Geeks for Geeks.
    
    
        Click Here!
    
  
    
        function myFunction() {
            
            //  Set outline color. 
            document.getElementById("myDiv")
                .style.outlineColor = "red";
        }
    
  

  

输出：

点击按钮前：

点击按钮后：

示例 2 ：

  

    
        HTML | DOM Style outlineColor Property
    
    
        #myDiv {
            border: 1px solid red;
            outline: dotted thick;
        }
    

  

     Geeks for Geeks
    HTML | DOM Style outlineColor Property
  
    
      Welcome to Geeks for Geeks.
    
    
    
        Click Here!
    
  
    
        function myFunction() {
            alert(document.getElementById(
              "myDiv").style.outlineColor);
        }
    
  

  

输出：

• 在点击按钮之前：
  
• 点击按钮后：
  

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

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