HTML | DOM 样式 textDecorationLine 属性

HTML DOM 中的Style textDecorationLine属性用于设置线条的装饰。我们可以为一条线指定任意数量的装饰。它返回赋予文本的装饰。

句法：

• 它返回 textDecorationLine 属性。

object.style.textDecorationLine

• 它用于设置 textDecorationLine 属性。

object.style.textDecorationLine = "none|underline|overline|
line-through|initial|inherit"

属性值：

• none：用于指定文本不装饰行。这是一个默认值。
• 下划线：用于指定文本下的行。
• overline：用于指定在文本上显示的行。
• line-through：用于指定通过文本显示的行。
• 初始：它将 textDecorationLine 属性设置为其默认值。
• 继承：此属性从其父元素继承。

返回值：它返回一个字符串，表示元素的 text-decoration-line 属性。

示例 1：

HTML

 

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

 

 
    
        
                GeeksForGeeks
            
       
        DOM StylestextDecorationLine Property 
         A Computer science portal for geeks
 
 
        
            Change Decoration
        
 
        
            function geeks() {
               
                //  Set overline.
                document.getElementById("gfg"
                 ).style.textDecorationLine = "overline";
            }
        
    

 

输出：

• 点击按钮前：

• 点击按钮后：

示例 2：

HTML

 

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

 

 
    
        
                GeeksForGeeks
            
        DOM StylestextDecorationLine Property 
         A Computer science portal for geeks
 
 
        
            Change Decoration
        
 
        
            function geeks() {
               
                //  Set overline-through.
                document.getElementById("gfg"
                 ).style.textDecorationLine =
                  "overline line-through";
            }
        
    

 

输出：

• 点击按钮前：

• 点击按钮后：

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

• 谷歌浏览器 57.0
• 火狐 36
• 歌剧 44.0
• 苹果 Safari 7.0