【CSS】「margin」と「padding」の使い分け【学習メモ】

！ボックス要素の「border」を基準にして、使い分ける。

・「margin」

borderの外側に余白を付けたい場合。
要素と要素の間隔調整、余白に背景を適用したくない場合などに使用する。
マージンの相殺があるので、基本的には「上」以外に付ける。

・「padding」

borderの内側に余白を付けたい場合。
余白に背景が適用される。
「width」「height」の値に含まれないので、「幅/高さ」の決まっている要素を使うときに注意が必要。

・box-sizingの使い方(準備中)

おすすめ記事