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.

.decoration-auto

.decoration-from-font

.decoration-0

.decoration-1

.decoration-2

.decoration-4

.decoration-8

CEO

Alice Johnson

alice.johnson@company.com

<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>