CSS text-decoration Property Tutorial

In this section, we will learn what the text-decoration property is and how to use it in CSS.

CSS text-decoration Property Definition and Usage

The `text-decoration` property is a shorthand property to set the values for the following CSS properties:

Basically, by using the `text-decoration` we can set the values for the mentioned properties in one declaration.

CSS text-decoration Property Syntax

text-decoration: text-decoration-line text-decoration-color text-decoration-style|initial|inherit;

CSS text-decoration Property Value

As mentioned before, this property sets the values of three other properties!

So the first argument of the text-decoration is the values we can set for the text-decoration-line property.

The second argument is the values we can set for the text-decoration-color property.

And the third argument is the values we can set for the text-decoration-style property.

Also, the two global values “inherit” and “initial” can be used for this property as well.

Example: underline text in CSS

See the Pen underline text in CSS by Enjoy Tutorials (@enjoytutorials) on CodePen.


Top Technologies