clock  Mon - Sun 8.00 AM - 8.00 PM
mail  edu@teknowize.com
fb
instagram
play store
pinterest

More

CSS Text Decoration Line

Imperial Advance Hero Image

CSS Text Decoration Line

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

CSS