ブロックボックスの覚書。
ブロックボックス
ブロックボックスとは、XHTML要素のブロック要素から生成されるボックスです。
ブロックボックスの領域
- ①内容(content)の大きさ
- widthプロパティーが内容の幅を、heightプロパティーで内容の高さが決定されます。
- ②パディングの大きさ
- paddhingプロパティで上下左右のパディングが決定されます。
- ③ボーダーの太さ
- border-widthプロパティで上下左右のボーダーの幅が決定されます。
- ④マージンの大きさ
- marginプロパティーで上下左右のマージンが決定されます。
ブロックボックスの領域計算
- 全体の幅 = widthプロパティーの値 + 左右のパディング + 左右のボーダーの太さ + 左右のマージン
- 全体の高さ = heightプロパティーの値 + 上下のパディング + 上下のボーダーの太さ + 上下のマージン