Tailwind CSSを使用したテキスト装飾の方法

Tailwind CSSを活用すると、HTML要素に対して簡単にテキスト装飾を適用することができます。
ここでは、Tailwind CSSで利用できる主なテキスト装飾クラスについて説明します。

アンダーライン (`underline`)

テキストに下線を追加するには、underline クラスを使用します。

<p class="underline">これは下線付きのテキストです。<br></p>

テキストに取り消し線を追加するには、line-through クラスを使用します。

<p class="line-through">これは取り消し線付きのテキストです。<br></p>

テキストに上線を追加するには、overline クラスを使用します。

<p class="overline">これは上線付きのテキストです。<br></p>

テキストからすべての装飾を削除するには、no-underline クラスを使用します。

<p class="no-underline">これは装飾なしのテキストです。<br></p>

これらのクラスを使って、テキストの見た目を簡単にカスタマイズできます。
Tailwind CSSのバージョンによっては、これらのクラスがデフォルトで利用可能でない場合があるので、設定ファイルで有効化する必要があるかもしれません。