Qraft(クラフト) 資格・学習クイズアプリ

Tailwind CSS 練習問題 56:CSSの境界線スタイル

Tailwind CSSにおいて、要素の枠線(ボーダー)を点線(ドット状)で描画したい場合、正しいクラスはどれか。

  1. `border-dashed` を使用する
  2. `border-dotted` を使用する
  3. `border-double` を使用する
  4. `border-solid` を使用する
  5. `border-none` を使用する
正解と解説を見る
正解:`border-dotted` を使用する

点線(ドット状)の枠線を描画するには、`border-dotted`というクラスを使用するのが正解です。

【正解の理由】
Tailwind CSSでは、CSSの`border-style`プロパティに対応するクラスが直感的な名前で用意されています。ドット状の点線を描きたい場合は、`border-dotted`を指定します。

【不正解の理由】
• 「`border-dashed` を使用する」は誤り。これは破線(ダッシュ状の線)を描画するクラスです。
• 「`border-double` を使用する」は誤り。これは二重線を描画するクラスです。
• 「`border-solid` を使用する」は誤り。これは一般的な実線を描画するクラスです。
• 「`border-none` を使用する」は誤り。これは枠線を非表示にするクラスです。

← 前の問題問題一覧次の問題 →
アプリで解いてレーティングを上げる(無料・登録不要)