CSS text-decoration-line Property

« Back to CSS text-decoration-line Property

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.test {
   font-size: 24px; 
   -webkit-text-decoration-line: overline; 
   -moz-text-decoration-line: overline;  
   text-decoration-line: overline;  
}
.test2 {
   font-size: 24px; 
   -webkit-text-decoration-line: underline line-through; 
   -moz-text-decoration-line: underline line-through; 
   text-decoration-line: underline line-through;
}
</style>
</head>
<body>
<p class="test"> text-decoration-line: overline;  </p> 
<p class="test2"> text-decoration-line: underline line-through;  </p> 
</body>
</html>

If this site has been useful, we’d love your support! Running this site takes time and resources, and every small contribution helps us keep creating valuable content. Consider buying us a coffee to keep things going strong!

☕ Buy a Coffee