CSS TEXT DECORATION


In CSS, the text-decoration property is used to apply or remove decoration from a text. The most common use of text-decoration is for removing the underline from the link. text-decoration:none can be used to remove the underline.

It usually accepts one of the following values:

  • text-decoration:overline
  • text-decoration:line-through
  • text-decoration:underline
  • text-decoration:none

Let's look at few examples:


a {
  text-decoration: none;
}

This property can be used to remove the underline from the link.


The other values of text-decoration property can be used to modify the appearance and decorate the text:


.first {
  text-decoration: overline;
}
.second {
  text-decoration: line-through;
}
.third {
  text-decoration: underline;
}
Live Demo!


Output:

This text is overline.

This text is line-through.

This text is underline.