CSS. text-decoration CSS property

Common values:

text-decoration: inherit;
text-decoration: initial;
text-decoration: underline;
text-decoration: none;

I've been using it for as long as I've been a frontend developer. But not long ago, I discovered some new values and related properties.

text-decoration: underline dotted blue;

Years ago, I used border-bottom to make the text one color and the underline another color. Now it's much easier. With text-decoration-thickness, I can also change the thickness of the underline.

text-decoration: underline wavy blue 3px;
text-decoration: underline solid orange 8px;

Amazing, isn't it? So many ways to underline text!

text-decoration-line

text-decoration-style