padding: ★;

133p

上下左右のパディングを一括して指定します。
値が1つの場合は上下左右同じ幅が指定されますが、2〜4の知を半角スペースで
区切って並べると、値の数によって適用される場所が変化します。

★ 上下左右同じ値が設定されます。
★ ★ 上下、左右に分けて値がそれぞれに設定されます。
★ ★ ★ 上、左右、下の順番で値がそれぞれに設定されます。
★ ★ ★ ★ 上、右、下、左の順番で値がそれぞれに設定されます。

値は次の2つを入れます。

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

それぞれ値を増やしていったのがこちらになります。
ここをクリック！