ボックスモデル - 充填

ボックスモデル - 充填

距離は、要素と呼ばれるフレームコンテンツ、の間に設けることができる「埋めます」。充填は、上部、右、下、左（右回り）に分けることができます。次のコード：

DIV {パディング：10pxの20ピクセル15ピクセル30px;}

注文は混同してはなりません。あなたは、上記の個別のコードを書くことができます。

DIV { 
   パディングトップ：20ピクセル。
   パディング右：10pxの; 
   パディング下：15ピクセル; 
   パディング左：30px; 
}

右、下、両方の10pxの上で埋めるために左に、もし、書くことができます

DIV {パディング：10pxの;}

同じが上から下10pxのに満たされている場合は、20ピクセルとほぼ同じで、次のように記述することができます：

DIV {パディング：10pxの20ピクセル;}

例：

<！DOCTYPE HTML > 
< HTML > 
< ヘッド> 
< メタHTTP-当量= "Content-Typeの" コンテンツ= "text / htmlの;のcharset = 2312" > 
< タイトル>填充</ タイトル> 
< スタイルタイプ= "テキスト/ cssの" > 
＃BOX1 { 
    幅：100pxに。
    高さ：100pxに。
    パディング：10pxの; 
    国境：1pxの固体赤。
} 
<スタイル> 
</ ヘッド> 
< 身体> 
< div要素のid = "BOX1" >盒子1 </ DIV > 
</ ボディ> 
</ HTML >