ブロックボックス : css

Pocket

ブロックボックスの覚書。

ブロックボックス

ブロックボックスとは、XHTML要素のブロック要素から生成されるボックスです。

ブロックボックスの領域

①内容(content)の大きさ
widthプロパティーが内容の幅を、heightプロパティーで内容の高さが決定されます。
②パディングの大きさ
paddhingプロパティで上下左右のパディングが決定されます。
③ボーダーの太さ
border-widthプロパティで上下左右のボーダーの幅が決定されます。
④マージンの大きさ
marginプロパティーで上下左右のマージンが決定されます。

ブロックボックスの領域計算

  • 全体の幅 = widthプロパティーの値 + 左右のパディング + 左右のボーダーの太さ + 左右のマージン
  • 全体の高さ = heightプロパティーの値 + 上下のパディング + 上下のボーダーの太さ + 上下のマージン

コメント

No comments yet.

コメントの投稿

改行と段落タグは自動で挿入されます。
メールアドレスは表示されません。