CSS - decoração de texto

Descrição

A propriedade text-decoration é usada para adicionar "decorações" ao conteúdo embutido.

Valores possíveis

none - Nenhuma decoração deve ser adicionada ao texto embutido.
underline - Um sublinhado é desenhado abaixo do texto embutido.
overline - Uma linha sobreposta é desenhada acima do texto embutido.
line-through - Uma linha deve ser desenhada no meio do texto embutido.
blink - O texto embutido deve piscar e desligar, analogamente ao elemento BLINK introduzido pelo Netscape.

Aplica-se a

Todos os elementos HTML.

Sintaxe DOM

object.style.textDecoration = "underline";

Exemplo

A seguir está o exemplo que demonstra como decorar um texto.

NOTE - A propriedade Blink não funciona com todos os 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>

Isso produzirá o seguinte resultado -

↰ Previous page