ボックスモデル : css


ボックスモデルの覚書。

益子貴寛著「Web標準の教科書 XHTMLとCSSでつくる”正しい”Webサイト」を引用します。

CSSではそれぞれの要素について生成される四角形の領域をボックスと表現する。

ボックスの構成

  • ①内容(content): XHTML要素の要素内容の表示領域に相当
  • ②パディング(padding): 内容とボーダーの余白
  • ③ボーダー(border): 枠線
  • ④マージン(margin): ボーダーと他の要素との余白

後述しますが、ボックスにはブロックボックスインラインボックスがあります。ブロックボックス,インラインボックスの双方とも①内容,②パディング,③ボーダー,④マージンで構成されます。

ブロックボックスとインラインボックス

ブロックボックス
XHTMLのブロック要素から生成されるボックスをブロックボックスと呼びます。
インラインボックス
XHTMLのインライン要素から生成されるボックスをインラインボックスと呼びます。

コメント

No comments yet.

コメントの投稿

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