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

📅  最后修改于: 2020-11-04 06:55:07             🧑  作者: Mango

CSS text-decoration属性

这是一个CSS属性，用于装饰文本内容。它在文本的下方，上方以及贯穿文本添加行。它设置文本上装饰线条的外观。此CSS属性使用几种行来装饰文本。这是text-decoration-line，text-decoration-color和text-decoration-style的简写。

此CSS属性的语法如下：

句法

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

让我们一起讨论其属性值和示例。

文字装饰线

它设置文本装饰的类型，例如上划线，下划线或直行。它可用于将行的组合添加到所选文本。

例

在此示例中，我们将使用下划线，上划线和直通值。我们还将看到如何同时使用这些值。

 
 
 
    text-decoration 
     
 
  
 
    
Welcome to the javaTpoint.com
 
    
text-decoration: text-decoration-line;
 
    
 
        
This is underline
 
        
This is line-through
 
        
This is overline
 
        
This is the combination of lines

文字装饰风格

此属性用于设置线条的样式。其值是实线，虚线，波浪形，双精度和虚线。

下面的示例更清楚地说明了此属性。

例

 
 
 
    text-decoration 
     
 
  
 
    
Welcome to the javaTpoint.com
 
    
text-decoration: text-decoration-line text-decoration-style;
 
    
 
        
This is double underline
 
        
This is dashed line-through
 
        
This is dotted overline
 
        
This is the wavy combination of lines

文字装饰颜色

此属性用于为装饰提供颜色。它的值是有效格式的任何颜色。

例

 
 
 
    text-decoration 
     
 
  
 
    
Welcome to the javaTpoint.com
 
    
text-decoration: text-decoration-line text-decoration-style;
 
    
 
        
This is double underline
 
        
This is dashed line-through
 
        
This is dotted overline
 
        
This is the wavy combination of lines