Text Decoration Thickness ​
Utilities for specifying the thickness of text decoration.
| Class Name | CSS Equivalent |
|---|---|
| .decoration-auto | text-decoration-thickness: auto; |
| .decoration-from-font | text-decoration-thickness: from-font; |
| .decoration-0 | text-decoration-thickness: 0px; |
| .decoration-1 | text-decoration-thickness: 1px; |
| .decoration-2 | text-decoration-thickness: 2px; |
| .decoration-4 | text-decoration-thickness: 4px; |
| .decoration-8 | text-decoration-thickness: 8px; |
Text Decoration Thickness Classes ​
The .{decoration} classes set the text-decoration-thickness property to control the thickness of text decoration.
html
<div class="decoration-auto">This text has auto thickness decoration</div>
<div class="decoration-from-font">This text has decoration thickness from font</div>
<div class="decoration-0">This text has no thickness decoration</div>
<div class="decoration-1">This text has 1px thickness decoration</div>
<div class="decoration-2">This text has 2px thickness decoration</div>
<div class="decoration-4">This text has 4px thickness decoration</div>
<div class="decoration-8">This text has 8px thickness decoration</div>