CSS Text-Decoration Property

In this chapter you will learn:
About text-align property
Values of this property
Example of this property

CSS text-decoration property is used to specify the decoration of text of the element. You can decorate the text as underline, overline etc.

Values of this property-
Values Description
none This is the default value of text-decoration which is used to display a normal text
overline Used to draw a line over text
underline Used to draw a line below text
line-through Used to dwar a line through text
initial Used to specify the default value of the property
inherit inherit property from parent element

Example of this property

<html>
<head>
    <title>Example of text-decoration property</title>
    <style type="text/css">        
       #a
       {
            text-decoration:underline;
       }
       #b
       {
            text-decoration:overline;
       }
       #c
       {
            text-decoration:line-through;
       }
           
    </style>
    </head>
<body>
<p> A simple paragraph</p>
<p id="a"> This is the example of text-decoration:underline</p>
<p id="b">

This is the example of text-decoration:overline</p>
<p id="c"> This is the example of text-decoration:line-through</p>
</body>
</html>
Guide:-

When you will run the given program then you will get that the content of paragraph is decorated differently.

Output:- example of text-decoration property
SUMMARY

In this chapter, you have learned about the text-decoration property of CSS so now you can use this property in your program to make the web page attractive. Click on Next button to continue learning-

More Articles

 

Share your thought



PLEASE DISABLE ADBLOCKER AND SUPPORT US!

Please support us by enabling ads on this page. Refresh

YOU DON'T LIKE ADS, WE ALSO DON'T LIKE ADS!
 
But we have to show ads on our site to keep it free and updated. We have to pay huge server costs, domain costs, CDN Costs, Developer Costs, Electricity and Internet Bill. Your little contribution will encourage us to regularly update this site.