CSS - decorazione del testo

Descrizione

La proprietà text-decoration viene utilizzata per aggiungere "decorazioni" al contenuto in linea.

Possibili valori

  • none - Nessuna decorazione dovrebbe essere aggiunta al testo in linea.

  • underline - Viene disegnata una sottolineatura sotto il testo in linea.

  • overline - Viene disegnata una linea sopra il testo in linea.

  • line-through - Una linea dovrebbe essere tracciata al centro del testo in linea.

  • blink - Il testo in linea dovrebbe lampeggiare, in modo analogo all'elemento BLINK introdotto da Netscape.

Si applica a

Tutti gli elementi HTML.

Sintassi DOM

object.style.textDecoration = "underline";

Esempio

Di seguito è riportato l'esempio che mostra come decorare un testo.

NOTE - La proprietà Blink non funziona con tutti i browser.

<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>

Questo produrrà il seguente risultato: