HTML | DOM 样式 textDecorationColor 属性

HTML DOM 中的Style textDecorationColor属性用于设置文本装饰的颜色，如underlines 、 overlines和line-throughs 。它还可以返回文本装饰颜色。

句法：

• 它返回 textDecorationColor 属性。

  object.style.textDecorationColor

• 它用于设置 textDecorationColor 属性。

  object.style.textDecorationColor = "color|initial|inherit"

属性值：

• color：用于指定文本装饰的颜色。
• 初始：它将 textDecorationColor 属性设置为其默认值。
• 继承：此属性从其父元素继承。

返回值：它返回一个表示文本装饰颜色属性的字符串。

示例 1：

  

    DOM Style textDecorationColor Property 
    
        #gfg {
            text-decoration: underline;
        }
    
  

  

  
    
         
                GeeksForGeeks 
        
        DOM Style textDecorationColor Property 
        
         
          A Computer science portal for geeks
        
  
        
            Chanege Decoration
        
  
        
            function geeks() {
  
                //  Set underline color.
                document.getElementById(
                  "gfg").style.textDecorationColor = 
                  "magenta";
            }
        
        
    

  

输出：

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

示例 2：

  

    DOM Style textDecorationColor Property 
    
        #gfg {
            text-decoration: underline;
        }
    
  

  

  
    
         
                GeeksForGeeks 
            
        
        DOM StylestextDecorationColor Property 
        
          A Computer science portal for geeks
        
  
        
            Chanege Decoration
        
  
        
            function geeks() {
                
                // Set text decoration color.
                document.getElementById(
                  "gfg").style.textDecorationColor = 
                  "green";
            }
        
    

  

输出：

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

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

• 谷歌浏览器 57.0
• 火狐 36.0
• 歌剧 44.0
• 苹果 Safari 7.1