ボックスモデル

CSS

ボックスモデルの概念

  • ブロックレベル要素が生成する矩形領域（ボックス）の基本概念を表したもの

ボックスモデルの構成要素

  • 内容領域(content) / padding / margin /border



ボーダー：ブロックレベル要素の外周を取り囲む境界線。
マージン：ボーダー外側の余白
パディング：ボーダー内側の余白
バックグラウンド：コンテンツ(内容領域)の背景の部分





http://redmelon.net/tstme/box_model/


参考サイト
CSSの教科書メモ

スタイルシートビジュアルサンプル辞典―Webデザイン必携
渡邉 希久子