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