padding,border,marginプロパティ

　padding、border、marginプロパティは内容の外側に余白や罫線を指定するプロパティです。 エレメントに余白を設けるために使用します。
　paddingは内容の直ぐ外側、その外側に罫線としてborderが表示できます。marginはさらに外側に表示されます。 padding、border、marginいずれもエレメントが大きくなってしまうことに注意が必要です。

　paddingやborderの幅の変更によるエレメント全体のサイズを変更したくない場合は、box-sizingプロパティを使用します。 marginは別ですが、box-sizingプロパティの設定よってpaddingやborderの幅を全体のサイズに収めることができます。

「width値＋padding、border、marginの値」分だけ領域が確保されます。
　paddingもmarginもそれら範囲内に内容は表示されませんが、paddingは表示領域としてバックグランドの画像や色彩は表示されます。 バックグランドの画像や色彩を表示領域いっぱいに表示したい場合はpaddingを使用します。