Tailwind CSS 練習問題 66：テキストの装飾（斜体）
📊 Qraftユーザーの成績
- 難易度 Cランク（レーティング1167）
- 難易度 1731位/2795問中
- 正答率 100%（3/3回正解）
Tailwind CSSにおいて、テキストを斜体（イタリック体）に変更して表示したい場合、設定すべき正しいクラスはどれか。
- クラス属性に `font-italic` を設定する
- クラス属性に `text-italic` を設定する
- クラス属性に `italic` を単独で設定する
- クラス属性に `style-italic` を設定する
- クラス属性に `type-italic` を設定する
正解と解説を見る
正解：クラス属性に `italic` を単独で設定する
Tailwind CSSでテキストをイタリック体（斜体）にする場合、「italic」という単一のクラスを使用します。
【正解の理由】
Tailwind CSSでは、CSSの「font-style: italic;」に相当するユーティリティクラスとして「italic」が用意されています。文字色やフォントサイズの指定とは異なり、接頭辞を持たないのが特徴です。
【不正解の理由】
• 「『font-italic』を設定する」という記述は誤り。「font-」接頭辞はフォントウェイトやフォントファミリー（＝書体）の指定に使われます。
• 「『text-italic』を設定する」という記述は誤り。「text-」接頭辞は文字色や文字サイズなどに使われ、斜体の指定には用いません。
• 「『style-italic』を設定する」という記述は誤り。Tailwind CSSにはこのようなクラスは存在しません。
• 「『type-italic』を設定する」という記述は誤り。このようなタイポグラフィ用の独自接頭辞は存在しません。