いちから始めるホームページ作成

HTML・CSSのことがよくわかる初心者から始めるホームページ制作

marginとpaddingの違い

marginとpadding、同じ余白を指定するCSSですが、marginは外側、paddingは内側と余白を指定する場所に違いがあります。

divタグに指定すると、以下の図のようになります。

marginとpaddingの違い

margin・paddingしか使用しない場合は、どちらでも同じように余白を指定することができますが、背景画像・色を一緒に指定する場合などに思ったように表示できなくなるので、注意が必要です。

HTMLタグ
CSS
一口メモ
サンプルソース
用語集