The text-decoration property is used to add "decorations" to inline content.
none − No decoration should be added to the inline text.
underline − An underline is drawn beneath the inline text.
overline − An overline is drawn above the inline text.
line-through − A line should be drawn through the middle of the inline text.
blink − The inline text should blink on and off, analogous to the BLINK element introduced by Netscape.
All the HTML elements.
object.style.textDecoration = "underline";
Following is the example which demonstrates how to decorate a text.
NOTE − Blink property does not work with all the browsers.
<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>
This will produce following result −