Arrow

CSS Text Decoration Line

AuthorHariom Prajapati

Pubish Date01 Sep 2022

categoryCSS

It is use to set the text decoration type like underline, overline, line-through.

 

Syntax -

text-decoration-line : value ;

 

values

underline

It is use to draw line below the text

overline

It is use to draw line over the text
line-through
It is use to draw line at the middle of the text

 

For example -

<!DOCTYPE html>
<html>

<head>
    <title>Css Text Decoration Line</title>
    <style>
        h1 {
            text-decoration-line: underline;
        }

        h2 {
            text-decoration-line: overline;
        }

        h3 {
            text-decoration-line: line-through;
        }
    </style>
</head>

<body>

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

</body>

</html>

 

Output

Text Decoration