Tailwind CSS 練習問題 21：Tailwindのテキスト装飾（text-decoration）ユーティリティ
Tailwind CSSにおいて、リンク要素の下線（text-decoration: underline）を除去したい場合、正しいクラスはどれか。
- no-underline
- underline-none
- text-none
- decoration-none
- remove-underline
正解と解説を見る
正解：no-underline
Tailwind CSSでテキストの下線を取り除くには`no-underline`クラスを使います。これは`text-decoration-line: none;`に対応します。
【正解の理由】
`no-underline`はテキスト装飾のラインを削除するためのユーティリティクラスであり、下線付きのリンクなどから下線を除去する際に使用します。
【不正解の理由】
• 「underline-none」：Tailwindの命名規則には存在しない表記で、無効なクラス
• 「text-none」：フォントサイズを指定する`text-`接頭辞と混同した誤った表記であり、テキスト装飾を制御するものではない
• 「decoration-none」：Tailwindには装飾のスタイル（実線・破線など）を指定する`decoration-`系のクラスはあるが、下線自体を除去する際は`no-underline`を使うのが正しい記法
• 「remove-underline」：Tailwindに存在しない架空のクラス名