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.