Tailwind CSS 練習問題 56:CSSの境界線スタイル
Tailwind CSSにおいて、要素の枠線(ボーダー)を点線(ドット状)で描画したい場合、正しいクラスはどれか。
- `border-dashed` を使用する
- `border-dotted` を使用する
- `border-double` を使用する
- `border-solid` を使用する
- `border-none` を使用する
正解と解説を見る
正解:`border-dotted` を使用する
点線(ドット状)の枠線を描画するには、`border-dotted`というクラスを使用するのが正解です。
【正解の理由】
Tailwind CSSでは、CSSの`border-style`プロパティに対応するクラスが直感的な名前で用意されています。ドット状の点線を描きたい場合は、`border-dotted`を指定します。
【不正解の理由】
• 「`border-dashed` を使用する」は誤り。これは破線(ダッシュ状の線)を描画するクラスです。
• 「`border-double` を使用する」は誤り。これは二重線を描画するクラスです。
• 「`border-solid` を使用する」は誤り。これは一般的な実線を描画するクラスです。
• 「`border-none` を使用する」は誤り。これは枠線を非表示にするクラスです。