Description:
Values :
Accept one or more white space separated values:

=> None:
Produces no text decoration

=>underline:
Each line of text is underline

=>Overline:
Each line of text has a line above it

=>line-through:
Each line of text has a line through the middle

Code	Output
<!DOCTYPE html> <html> <head> <style> h1 {text-decoration:overline;} h2 {text-decoration:line-through;} h3 { font-weight: bold; text-decoration:underline; } h4 {text-decoration: underline overline;} p {text-decoration: none;} </style> </head> <body> <h1>text goes here</h1> <h2>text goes here</h2> <h3>text goes here</h3> <h4>text goes here</h4> <p>text goes here</p> </body> </html>	text goes here text goes here text goes here text goes here text goes here

Code

Output

<!DOCTYPE html>
<html>
<head>
<style>
h1 {text-decoration:overline;}
h2 {text-decoration:line-through;}
h3
{
font-weight: bold;
text-decoration:underline;
}
h4 {text-decoration: underline overline;}
p {text-decoration: none;}
</style>
</head>
<body>
<h1>text goes here</h1>
<h2>text goes here</h2>
<h3>text goes here</h3>
<h4>text goes here</h4>
<p>text goes here</p>
</body>
</html>

Decorating the Text

text goes here

text goes here

text goes here

text goes here

You May Also Like

Popular Posts

Tags

Labels

Contact Form