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

Tailwind CSS 練習問題 2:Tailwindのスペーシング(padding)

以下のHTMLでボタンに`16px`の上下パディングと`24px`の左右パディングを設定したい場合、正しいTailwindクラスはどれですか?

  1. py-4 px-6
  2. pt-4 pb-4 pl-6 pr-6
  3. p-4-6
  4. padding-16 padding-24
  5. p-16 p-24
正解と解説を見る
正解:py-4 px-6

Tailwindのスペーシングは4px単位のスケールを使用します。`py-4`は上下パディング16px(4 × 4px)、`px-6`は左右パディング24px(6 × 4px)を意味します。`py`は上下、`px`は左右を同時に指定する短縮クラスです。

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