paddingの解説|クロノドライブのCSS辞典

padding

対応ブラウザ Internet Explorer 4~ / Firefox 1~ / Google Chrome 1~ / Safari 1~ / Opera 3.5~
初期値 0 継承 しない
適用可能な要素 ほぼすべての要素(table-row-group、table-header-group、table-footer-group、table-row、table-column-group、table-columnには適用できない)
用例
.style {
  padding: 10px 5px 20px 15px;
}

paddingとは

paddingとは上下左右のパディングをまとめて指定するプロパティです。上下左右を異なるパディング幅にしたい場合は、スペースで区切ることで複数の値を指定することができます。
以下の値で指定します。

幅(初期値は0)
数値+単位(px, %, pt, emなど)で指定します。パーセンテージによる指定の場合、幅は包含ブロック(親要素など)の大きさ比例します。

4つ値を指定する場合は上 右 下 左の時計回りの順、
3つ値を指定する場合は上 左右 下の順、
2つ値を指定する場合は上下 左右の順、
1つだけ指定する場合は上下左右を一括で指定することになります。

パディングには負の値やautoを指定することはできません。