Webデザイン：オンラインリファレンス

基本的にタグでマークアップされている部分は，「ボックス」と呼ばれる領域を持っている．これらの値をうまく設定することで，ページを見やすくデザインすることができる．

• ボーダー（border）：境界線のこと．このサイズがボックスの大きさになる．
• マージン（margin）：ボックスの外側の余白．隣り合うボックスとの距離が決まる．
• パディング（padding）：ボックスの内側の余白．ボーダーを描く場合，パディングの値が小さいと圧迫感がある．

これら3者の関係は，授業用テキストにもある通り，下図のようになる．