Tailwind CSS 練習問題 2:Tailwindのスペーシング(padding)
以下のHTMLでボタンに`16px`の上下パディングと`24px`の左右パディングを設定したい場合、正しいTailwindクラスはどれですか?
- py-4 px-6
- pt-4 pb-4 pl-6 pr-6
- p-4-6
- padding-16 padding-24
- p-16 p-24
正解と解説を見る
正解:py-4 px-6
Tailwindのスペーシングは4px単位のスケールを使用します。`py-4`は上下パディング16px(4 × 4px)、`px-6`は左右パディング24px(6 × 4px)を意味します。`py`は上下、`px`は左右を同時に指定する短縮クラスです。