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

    <title>Example of text-decoration property</title>
    <style type="text/css">        
<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>

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

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-


Share your thought