下図の様にコンテンツに余白・枠・マージンを合わせた領域をボックスという。

　背景は枠の内側の領域までとなる。

padding 値
  上下左右すべて同じ余白を適用。
padding 上 右 下 左
  上下左右を別々に適用。
padding-top 上
  上に適用。
padding-bottom 下
  下に適用。
padding-left 左
  左に適用。
padding-right 右
  右に適用。

線の太さ

border-width 値
  上下左右すべて同じ太さを適用。
border-width 上 右 下 左
  上下左右を別々に太さを適用。
border-width-top 上
  上に太さを適用。
border-width-bottom 下
  下に太さを適用。
border-width-left 左
  左に太さを適用。
border-width-right 右
  右に太さを適用。

線のスタイル

線種

border-style 線種
  上下左右すべて同じ線種を適用。
border-style 上 右 下 左
  上下左右を別々に線種を適用。
border-top-style 上
  上に線種を適用。
border-bottom-style 下
  下に線種を適用。
border-left-style 左
  左に線種を適用。
border-right-style 右
  右に線種を適用。

margin 値
  上下左右すべて同じマージンを適用。
margin 上 右 下 左
  上下左右を別々に適用。
margin-top 上
  上に適用。
margin-bottom 下
  下に適用。
margin-left 左
  左に適用。
margin-right 右
  右に適用。