Tailwind CSS 練習問題 72：テキスト装飾（打ち消し線）
📊 Qraftユーザーの成績
- 難易度 Cランク（レーティング1161）
- 難易度 1819位/2795問中
- 正答率 100%（3/3回正解）
Tailwind CSSにおいて、文字の装飾を行いたい場合、正しい説明はどれか。
- `text-strike` クラスを指定して、テキストの中央に横線を引くように設定する。
- `font-delete` クラスを指定して、テキストの中央に横線を引くように設定する。
- `cross-out` クラスを記述して、テキストの中央に横線を引くように設定する。
- `line-through` クラスを指定して、テキストの中央に横線を引くように設定する。
- `text-crossed` クラスを指定して、テキストの中央に横線を引くように設定する。
正解と解説を見る
正解：`line-through` クラスを指定して、テキストの中央に横線を引くように設定する。
Tailwind CSSにおいて、テキストの中央に横線を引く（打ち消し線）場合、`line-through`クラスを使用するのが正解です。
【正解の理由】
CSSの `text-decoration-line: line-through;` に相当するTailwindのクラスは `line-through` です。これにより、完了したタスクや古い価格などを表現する際に用いられる取り消し線を簡単に引くことができます。
【不正解の理由】
• 「`text-strike` クラス」は誤り。直感的な名前ですが、Tailwind標準のクラス名には採用されていません。
• 「`font-delete` クラス」は誤り。フォント関連のクラスではなく、そのようなユーティリティも存在しません。
• 「`cross-out` クラス」は誤り。英語の意味としては取り消し線に近しいですが、CSSのプロパティ名に準拠していないため存在しません。
• 「`text-crossed` クラス」は誤り。文字装飾のクラスは `underline` や `line-through` が正しく、このクラスは存在しません。