Webデザイン:オンラインリファレンス
ボックスとは
ページのレイアウトはボックスで決まる
基本的にタグでマークアップされている部分は,「ボックス」と呼ばれる領域を持っている.これらの値をうまく設定することで,ページを見やすくデザインすることができる.
ボーダー(border)
:境界線のこと.このサイズがボックスの大きさになる.
マージン(margin)
:ボックスの外側の余白.隣り合うボックスとの距離が決まる.
パディング(padding)
:ボックスの内側の余白.ボーダーを描く場合,パディングの値が小さいと圧迫感がある.
これら3者の関係は,授業用テキストにもある通り,下図のようになる.
↑インデックスに戻る
|
←前の項目(035. text-decorationプロパティ)
|
→次の項目(037. ボックスでスペースを確保する)
|