CSS text decoration

CSS text-decoration is used to define the decoration of text. This property is a shorthand property by which we can define all the decorations of text in just a single setting. These decorations are CSS decoration color, CSS decoration line, and CSS decoration style.


let’s take the example of a paragraph contains some text to underline. CSS text decoration will make this content underlined as you can find in the example given below.

Test it Live


This is an underlined text.

CSS text decoration values list

The values and description of this property is used for defining decoration of text.

Sr. No. value Description
1 none Used to define the no decoration of the text. The value for this is none.
2 underline Used to make the text underline. The value for this is underline.
3 overline Used to make the text appear line over it. The value for this is overline.
4 line-through Used to make the text to appear like deleted text. The value for this is line-through.
5 initial Used to define as the property initial value.
6 inherit Used to define the computed value of property on the elements parent.
7 unset Used to define the property either acts as inherit or initial, depending on the property if it is inherited or not.

You may also like to read