Características text-decoration en CSS

La propiedad text-decoration CSS determina la apariencia de las líneas decorativas utilizadas en el texto. Es una propiedad de acceso directo para establecer el valor de más de una propiedad sobre líneas decorativas al mismo tiempo, e incluye text-decoration-line, text-decoration-color y text-decoration-style.

Funciones text-decoration css

/* Palabras reservadas */ 
text-decoration: none;
text-decoration: underline red;
text-decoration: underline wavy red;
/* Valores globales */ 
text-decoration: inherit;
text-decoration: initial;
text-decoration: unset;

Tenga en cuenta que las líneas de decoración se mostrarán en los elementos de texto secundarios, lo que significa que si un elemento especifica una decoración de texto, el elemento secundario no podrá eliminarlo. Por ejemplo, si tenemos el siguiente código ‎

This text has some emphasized words in it.

< p  class = "under" > Este texto está subrayado.  
< p  class = "over" > Este texto está subrayado.  
< p  class = "line" > Una línea pasa por este texto.  
< p >  el enlace no será subrayado , pero tenga cuidado al eliminar la fuente debajo de los enlaces, ya que esto puede confundir a los visitantes.  
< p  class = "underover" > Este texto está subrayado < em > y  está subrayado .  
< p  class = "blink" > Este texto puede parpadear si su navegador lo admite. 

.under     { text-decoration: underline red; }
.over      { text-decoration: wavy overline lime; }
.line      { text-decoration: line-through; }
.plain     { text-decoration: none; }
.underover { text-decoration: dashed underline overline; }
.blink     { text-decoration: blink; }

text-decoration: none | underline | overline | line-through | blink;

text-decoration: <'text-decoration-line'> || <'text-decoration-style'> || <'text-decoration-color'>;