パディング（padding)で余白を設定

パディング(padding)とは、枠線の内側の余白を設定するタグです。

余白を設定する方法は2種類あります。
パディングとマージンです。

パディングが内側の余白で、マージンが外側の余白と覚えておくといいでしょう。


いつもお話しているように、パディングもできればCSS（スタイルシート）で設定できるといいです！


CSSでパディングを設定する場合。

たとえば、ページ全体の余白を設定する場合bodyタグに
直接パディングを設定すればいいのです。


上の余白は　　padding-top
下の余白は　　padding-bottom
左の余白は　　padding-left
右の余白は　　padding-right


となります。

上の余白を30pxにしたい場合は

body {padding-top:30px}

という風にすればできます。

これの応用で、テーブルタグなどにパディングを設定して
見やすい余白を作りましょう！


上下左右のパディングをまとめて設定する方法もあります。

padding:〇　　　　上下左右すべてに同じ余白
padding:○●　　　上下・左右の余白値
padding:●○◎　　上・左右・下の余白値
padding:○△□●　上・右・下・左の余白値

となります。