<html>
<head>
<style>
div.a {
text-decoration-line: overline; /* Safari */
text-decoration-line: overline;
}
div.b {
-webkit-text-decoration-line: underline; /* Safari */
text-decoration-line: underline;
}
div.c {
-webkit-text-decoration-line: line-through; /* Safari */
text-decoration-line: line-through;
}
div.d {
-webkit-text-decoration-line: overline underline; /* Safari */
text-decoration-line: overline underline;
}
</style>
</head>
<body>
<h1>The text-decoration-line Property</h1>
<div class="a">This is some text with a line on top.</div>
<br>
<div class="b">This is some text with an underline.</div>
<br>
<div class="c">This is some text with a line-through.</div>
<br>
<div class="d">This is some text with an overline and an underline.</div>
<p><b>Note:</b> The text-decoration-line property is not supported in Edge/Internet Explorer.</p>
</body>
<!-- Mirrored from www.w3schools.com/cssref/tryit.asp?filename=trycss3_text-decoration-line by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 27 Jan 2020 03:01:24 GMT -->
</html>