会員登録すると
学習することができます。
会員登録する（無料）
学習することができます。
登録済みの方はこちら
ログイン
要素の幅と高さの設定
目安学習時間 4分
学ぶ目的
幅と高さ
幅は w-、高さは h- で始まるクラスで指定します。w-32 のような数値指定のほか、w-1/2（50%）のような割合指定もできます。
全体に広げる
w-full は親要素いっぱいの幅、h-screen は画面の高さいっぱいを意味します。レイアウトの土台を作るときによく使います。
数値の意味
数値は4を掛けた値がピクセル相当になります（w-4 なら16px）。最初は感覚が掴みにくいので、実際に値を変えながら見た目の変化を確認してください。
このレクチャーで学ぶこと
- 幅（w-）と高さ（h-）の指定
- 数値指定と割合指定
- w-full / h-screen
質問
まだ質問は投稿されていません。
質問投稿
ログイン後に質問の投稿ができます。
理解度チェックテストに
合格しました！
おめでとうございます！
Tailwind CSS初級
Tailwind CSS初級講座
要素の幅と高さの設定
理解度チェックテストに合格しました！
＼ SNSにシェアする ／
