marginのムラゴンブログ

このタグの読者になる 0

marginとpaddingの違いとは？余白を正しく使い分ける考え方

Webサイトのコーディングでは、文字や画像を配置するだけでなく、要素同士の余白を整える作業が欠かせません。この余白を設定するときに使われるのが、marginとpaddingです。どちらも見た目上は「空白を作る」ため、学び始めたばかりの頃は違いが分かりにくく、なんとなく使い分けてしまいがちです。 ... 続きをみる
- 余白
- 要素
- 背景色
- ボタン
- 同士
- 外側
- 内側
- セクション
- 範囲
tammpro tammpro | 少しためになるブログ 2026/09/12 07:52
flexboxのgapとmarginの違いを本質から理解する

CSSでレイアウトを組んでいると、要素同士の「余白」をどう作るかで迷う場面がよくあります。そのときに出てくるのが、gap と margin です。一見するとどちらも「余白を作る」ためのものですが、役割はまったく違います。ここを曖昧にしたまま使っていると、レイアウトが崩れたり、後から修正が大変に... 続きをみる
- 余白
- gap
- 要素
- レイアウト
- 間隔
- 外側
- 同士
- つまり
- 管理
tammpro tammpro | 少しためになるブログ 2026/04/04 08:21
# 八戸
# 株主優待