【Tailwind CSS】文字に下線や取消線等を付ける方法

2023年12月3日TailwindCSS

Tailwind CSSを使って、文字に下線、上線、取消線を付ける方法です。

下線

class="underline"を付ける。

<p class="underline">こんにちわ</p>

以下のように下線が付く

上線

class="overline"を付ける。

<p class="overline">こんにちわ</p>

以下のように上線が付く

取消線

class="line-through"を付ける。

<p class="line-through">こんにちわ</p>

以下のように取消線が付く

線なし

class="no-underline"を付ける。（aタグなどはデフォルトで下線が付くと思うので、それを下線なしにしたい場合）

<p class="no-underline">こんにちわ</p>

以下のように下線なし