CSS | text-decoration-line 属性

text-decoration-line 属性用于设置各种文本装饰。文本装饰可以包括许多值，例如下划线、上划线、下划线等。可以组合多个文本装饰属性。例如 – 下划线和上划线值以在文本下方和上方显示线条。

句法：

text-decoration-line: none|underline|overline|line-through|initial|
inherit; 

属性值：

none：默认值，用于指定文本无行来修饰文本。

句法：

text-decoration-line:none;

例子：

    
        
          
        
        
    
      
    
          
        
GeeksforGeeks
          
        
text-decoration-line: none;
          
        

            GeeksforGeeks: A computer science portal
        
    
                    

输出：

下划线：用于在文本下方或下方显示一行。

句法：

text-decoration-line:underline;

例子：

    
        
          
        
        
    
      
    
          
        
GeeksforGeeks
          
        
text-decoration-line:underline;
          
        

            GeeksforGeeks: A computer science portal
        
    
                    

输出：

overline：用于在文本上显示一行。

句法：

text-decoration-line:overline;

例子：

    
        
          
        
        
    
      
    
          
        
GeeksforGeeks
          
        
text-decoration-line:overline;
          
        

            GeeksforGeeks: A computer science portal
        
    
                    

输出：

line-through用于通过文本显示一行。

句法：

text-decoration-line:line through;

例子：

    
        
          
        
        
    
      
    
          
        
GeeksforGeeks
          
        
text-decoration-line:line-through;
          
        

            GeeksforGeeks: A computer science portal
        
    
                    

输出：

initial：用于将属性设置为其默认值。它与 none 属性相同。

句法：

text-decoration-line:initial;

例子：

    
        
          
        
        
    
      
    
          
        
GeeksforGeeks
          
        
text-decoration-line:initial;
          
        

            GeeksforGeeks: A computer science portal
        
    
                    

输出：

支持的浏览器： text-decoration-line 属性支持的浏览器如下：

• 谷歌浏览器 57.0
• 火狐 36.0, 6.0 -moz-
• 苹果 Safari 7.1 -webkit-
• 歌剧 44.0