CSS:コンテンツ間のスペースをあける
マージン・パディング違い×コメディ

paddingは要素の中の余白。marginは他のコンテンツとのスペース、の話

ねーねー、アイ さー。

どしたん、みんこ

最近うちweb作り勉強しててさー、わからんとこあんだけどさー。
アイ子の「超検索」使ってさー、教えてくれん?

へーやるやん、みんこ。
いいけど、何見るん?

なんかコンテンツの間あけるのにマージンとパディングってのがあんだけどさ、
なんで2種類あんの?って。マジいみふでさー。

あーそうなん。ええよ、見るわー。

んー。。それさー、こういう感じっぽい。

見つけた?

うん。えーと、例えばさー
うちらも服とかにパッド入れたりすんじゃん?盛る的なさー。
パディングってそれっぽい。

あー。。。じゃ、マージンは?

マージンはねー、
んー例えば、ずっ友でもさー、べたっとくっつかれるのシンドくね?お互い

あー、まあ夏暑いし

いい関係でいたいからいい距離感必須的なさー。

あーそれなー。

そういう違いっぽい。
図で書くとこんな感じ?

paddingはdivなどで囲った要素の内側の余白。このpointも枠線と文字の間が空いていますが枠内のパディングです。marginはその他のコンテンツとのスペースを作るもの。ここの場合pointと他の吹き出しやタイトルなどのスペースを作っています。

あー、なんとなくわかったかも。
服盛るのと、人とあけたい距離的の違いかあ。

それっぽい。

あーちょっと意味わかったっぽい。
あざまるー

がんばー。

Share Me !

TOP