Text Decoration Style

Utilities for specifying the style of text decoration.

Class Name	CSS Equivalent
.decoration-solid	text-decoration-style: solid;
.decoration-double	text-decoration-style: double;
.decoration-dotted	text-decoration-style: dotted;
.decoration-dashed	text-decoration-style: dashed;
.decoration-wavy	text-decoration-style: wavy;

Text Decoration Style

The .{decoration-style} classes set the text-decoration-style property to style the text decoration within the block.

.decoration-solid

.decoration-double

.decoration-dotted

.decoration-dashed

.decoration-wavy

CEO

Alice Johnson

alice.johnson@company.com

<div class="decoration-solid">This is a text with solid decoration style</div>
<div class="decoration-double">This is a text with double decoration style</div>
<div class="decoration-dotted">This is a text with dotted decoration style</div>
<div class="decoration-dashed">This is a text with dashed decoration style</div>
<div class="decoration-wavy">This is a text with wavy decoration style</div>