会員登録すると
学習することができます。
会員登録する（無料）
学習することができます。
登録済みの方はこちら
ログイン
マージンとパディングでレイアウトを調整する
目安学習時間 5分
学ぶ目的
外側の余白と内側の余白
マージン（m-）は要素の外側の余白、パディング（p-）は内側の余白です。この区別が曖昧なままだと、思った通りに配置できません。
方向を指定する
mt-（上）mb-（下）ml-（左）mr-（右）で個別に指定できます。px- は左右、py- は上下をまとめて指定するクラスです。
余白がデザインを決める
見やすいレイアウトの多くは、余白の取り方で決まります。要素を詰め込まず、意図をもって余白を置くことを意識してください。
このレクチャーで学ぶこと
- マージン（m-）とパディング（p-）の違い
- 方向指定（mt- / mb- / px- / py-）
- 余白でレイアウトを整える
質問
まだ質問は投稿されていません。
質問投稿
ログイン後に質問の投稿ができます。
理解度チェックテストに
合格しました！
おめでとうございます！
Tailwind CSS初級
Tailwind CSS初級講座
マージンとパディングでレイアウトを調整する
理解度チェックテストに合格しました！
＼ SNSにシェアする ／
