<p class="text solid">This is text!</p>
<p class="text double">This is text!</p>
<p class="text dotted">This is text!</p>
<p class="text dashed">This is text!</p>
<p class="text wavy">This is text!</p>

.text {
	font-size: 40px;
	color: #444;
	text-decoration-color: red;
	text-decoration-line: underline;
}
.solid{
  	text-decoration-style: solid;
}
.double{
  	text-decoration-style: double;
}
.dotted{
  	text-decoration-style: dotted;
}
.dashed{
  	text-decoration-style: dashed;
}
.wavy{
  	text-decoration-style: wavy;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.