The text-decoration shorthand CSS property sets the appearance of decorative lines on text.
CSS Text Decoration line
There are four types of Text align last
1.text-decoration-line
2.text-decoration-color
3.text-decoration-style
4.text-decoration-thickness
Syntax of Text decoration line is
p {
Text-decoration-line: ;
}
There are four types of Text decoration line
1.text-decoration-overline
2.text-decoration-line-through
3.text-decoration-underline
4.text-decoration-overline underline
Program
INPUT
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
text-decoration: overline;
}
h2 {
text-decoration: line-through;
}
h3 {
text-decoration: underline;
}
p.ex {
text-decoration: overline underline;
}
</style>
</head>
<body>
<h1>Overline text decoration</h1>
<h2>Line-through text decoration</h2>
<<h3>Underline text decoration</h3>
<p class="ex">Overline and underline text decoration.
<p><strong>Note:</strong> It is not recommended to underline text that is not a link, as this often confuses
the reader.</p>
</body>
</html>
