【CSSの基本】マージン（margin）とパディング（padding）の違いは？

「マージン」と「パディング」の違いは？

ホームページを作っていて良く間違ってしまうのがマージン（margin）とパディング（padding）です。

マージンとパディングの違いは、スペースをオブジェクトの外側に作るのか、または、内側に作るのかの違いだけなので、とくに難しい話しではありませんが、英語で何となく覚えているだけだといざという時に「どっちだったっけ？」と迷って毎回調べることになるので、時間の無駄を作らないためにも、自分に合った方法でガッチリ覚えてしまった方が良いでしょう。

備考・その他

日本語に訳すとマージンは「余白」で、パディングは「詰め物」という意味になるので、「margin = 外側の余白」「padding = 内部の詰め物」という感じで日本語と一緒に覚えてしまうと良いかもしれません。

END