Arrow

CSS Text Decoration Color

AuthorHariom Prajapati

Pubish Date01 Sep 2022

categoryCSS

It is use to set the text decoration color.

 

Syntax -

text-decoration-color : value ;

 

For example -

<!DOCTYPE html>
<html>

<head>
    <title>CSS Text Decoration Color</title>
    <style>
        h1 {
            text-decoration: underline;
            text-decoration-color: red;
        }

        h2 {
            text-decoration: line-through;
            text-decoration-color: green;
        }

        h3 {
            text-decoration: overline;
            text-decoration-color: blue;
        }
    </style>
</head>

<body>

    <h1>Welcome to teknowize - underline</h1>
    <h2>Welcome to teknowize - line-through</h2>
    <h3>Welcome to teknowize - overline</h3>

</body>

</html>

 

Output

Text Decoration