CSS - decoración de texto

Descripción

La propiedad text-decoration se usa para agregar "decoraciones" al contenido en línea.

Valores posibles

none - No se debe agregar decoración al texto en línea.
underline - Se dibuja un subrayado debajo del texto en línea.
overline - Se dibuja una línea sobre el texto en línea.
line-through - Se debe trazar una línea a través del medio del texto en línea.
blink - El texto en línea debe parpadear, de manera análoga al elemento BLINK introducido por Netscape.

Se aplica a

Todos los elementos HTML.

Sintaxis DOM

object.style.textDecoration = "underline";

Ejemplo

A continuación se muestra el ejemplo que demuestra cómo decorar un texto.

NOTE - La propiedad Blink no funciona con todos los navegadores.

<html>
   <head>
   </head>

   <body>
      <p style = "text-decoration:underline;">
         This will be underlined
      </p>
      
      <p style = "text-decoration:line-through;">
         This will be striked through.
      </p>
      
      <p style = "text-decoration:overline;">
         This will have a over line.
      </p>
      
      <p style = "text-decoration:blink;">
         This text will have blinking effect
      </p>
   </body>
</html>

Esto producirá el siguiente resultado:

↰ Previous page