📌  相关文章
📜  CSS | text-decoration 属性

📅  最后修改于: 2021-08-31 19:17:12             🧑  作者: Mango

text-decoration 属性用于“装饰”文本的内容。它本质上是用不同种类的线条装饰文本。它是 text-decoration-line (必需)、 text-decoration-color和text-decoration-style的速记属性。
句法： 

text-decoration: text-decoration-line text-decoration-style 
text-decoration-color|initial|inherit;

属性值：

  • text-decoration-line ：指定使用的装饰类型(例如下划线、上划线等)。
    句法： 
    text-decoration: text-decoration-line;

    例子： 

    

  

    
    text-decoration
    

  

    
    GeeksforGeeks
    
    
     text-decoration: text-decoration-line;
    
    
      
        
    • Welcome geeks!
      • 
        
    • Welcome geeks!
      • 
        
    • Welcome geeks!
      • 
    
    

  

    输出：

  • text-decoration-style : 指定使用的装饰风格(例如点状、波浪状等)。
    句法： 

    text-decoration: text-decoration-line text-decoration-style;

    例子： 

    

  

    
    text-decoration
    

  

    
    GeeksforGeeks
    
    
     
      text-decoration: 
      text-decoration-line text-decoration-style;
    
    
    
      
        
    • Welcome geeks!
      • 
        
    • Welcome geeks!
      • 
        
    • Welcome geeks!
      • 
    
    

  

    输出：

  • text-decoration-color ：指定装饰的颜色。
    句法： 
    text-decoration: text-decoration-line text-decoration-color;

    例子： 

    

 

    
    text-decoration
    

 

    
    GeeksforGeeks
    
    
    
     text-decoration: 
     text-decoration-line text-decoration-color;
    
    
    
      
        
    • Welcome geeks!
      • 
        
    • Welcome geeks!
      • 
        
    • Welcome geeks!
      • 
    
    

 

    输出：

  • initial ：它将属性设置为其默认值。
    句法： 
    text-decoration: initial;

    例子： 

    

  

    
    text-decoration
    

  

    
    GeeksforGeeks
    
    
     text-decoration: initial;
    
    
     This is a link without text-decoration.
    
    
    
    
    
    
     This is a link with text-decoration set to initial.
    

  

    输出：

  • 继承：它从其父元素继承此属性。
    句法： 
    text-decoration: inherit;

    例子： 

    

  

    
    text-decoration
    

  

    
    GeeksforGeeks
    
    
     text-decoration: inherit;
    
    
    
     I am parent and 
     
     this my is child.
    
    

  

    输出：

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

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