Tailwind CSS 練習問題 57:CSSの文字間隔(字送り)
Tailwind CSSにおいて、テキストの文字間隔(字送り)を通常より広く設定したい場合、正しいクラスはどれか。
- `spacing-wide` を指定する
- `leading-wide` を指定する
- `letter-wide` を指定する
- `tracking-wide` を指定する
- `text-wide` を指定する
正解と解説を見る
正解:`tracking-wide` を指定する
文字の間隔を広く設定するには、`tracking-wide`というクラスを指定するのが正解です。
【正解の理由】
Tailwind CSSでは、CSSの`letter-spacing`プロパティに対応するプレフィックスとして`tracking-`を使用します。広くする場合は`tracking-wide`、さらに広げる場合は`tracking-wider`や`tracking-widest`を指定します。
【不正解の理由】
• 「`spacing-wide` を指定する」は誤り。Tailwindにそのようなクラスは存在しません。
• 「`leading-wide` を指定する」は誤り。`leading-`は行間(line-height)を設定するプレフィックスです。
• 「`letter-wide` を指定する」は誤り。CSSプロパティ名に似ていますが、Tailwindのクラス名としては不正です。
• 「`text-wide` を指定する」は誤り。`text-`は主に文字サイズや文字色を指定するためのプレフィックスです。