padding-top: ★;

padding-right: ★;

padding-bottom: ★;

padding-left: ★;

130p

ボックスのパディングを個別に指定します。
マイナス値は指定できません。
（パディングとは下の表の水色の所をパディングといいます。）
ボックスの内側の幅を決めます。

すべての要素にはボックスと呼ばれる
四角い領域を持ちます。

値は次の2つの中から選びます。

  • 実数値＋単位
    数値に単位を付けてパディングを指定します。
  • パーセント値
    ブロックの横幅に対する割合でパディングを決めます。
    高さに対する割合ではないので注意してください。
 例  CSS
.sample {
padding-top: 10px;
padding-right: 15px;
padding-bottom: 10px
padding-left: 15px;
width: 300px;
margin: auto;
border: 3px solid #000000;
text-align: center;
} 		XHTML
<div class="sample">
<p>
上は10px、左右は15px、下は10pxで指定しています。
<⁄p>
<⁄div>

paddingを指定したほうとしていない方の違いを現したのはこちらです！
ここをクリック！