MarginとPaddingの使い方の意味わかってるかな?
2023年12月13日
12月に入り、だんだん日にちが過ぎていきますが…
電車の中ではいつも見かける高校生がいなくなってなんか寂しい感じがしてます…
でも、1年間の最後の月!
だんだん寒くなってきてますが、空気乾燥になっていますね。
手洗いやうがいなどを行い、体調には気を付けてくださいね。
さてと、話題に戻して…
MarginとPaddingの使い方の意味わかってるかな?
他業者が制作したコーディングの中身を見ると、「margin」と「padding」の使い方の意味を理解できてないところが多く見られます。
意味は同じなんですが、使い方の意味をまず理解してほしいものです。
「margin」…外側の余白を作る
「padding」…内側の余白を作る
まずは、下図の絵を見てボックスモデルの使い方をまず理解してみよう!
外側の余白を開けるときは「Margin」を用います。
内側の余白を開けるときは「Padding」を用います。
内側の余白を使う場合は、ボックスデザインの時だけ使います。
ボックスデザインがない場合は、「Margin」を使います。
背景に色を付けたい場合は、「Padding」を使います。
背景に色を付けたくても「Margin」は適用されません。
「Margin」と「Padding」の意味を理解して使い分けをしていきましょう。
ではまた!