ホーム > Programming > CSS > ボックスモデル : css

タグ: 未設定

ボックスモデル : css

投稿日 : 2008年6月12日 | 更新日 : 2010年09月15日 前のページへ戻る

ボックスモデルの覚書。 益子貴寛著「Web標準の教科書 XHTMLとCSSでつくる”正しい”Webサイト」を引用します。
CSSではそれぞれの要素について生成される四角形の領域をボックスと表現する。

ボックスの構成

  • ①内容(content): XHTML要素の要素内容の表示領域に相当
  • ②パディング(padding): 内容とボーダーの余白
  • ③ボーダー(border): 枠線
  • ④マージン(margin): ボーダーと他の要素との余白
後述しますが、ボックスにはブロックボックスとインラインボックスがあります。ブロックボックス,インラインボックスの双方とも①内容,②パディング,③ボーダー,④マージンで構成されます。

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

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

CSS | 固定リンク | Comments (0)

関連記事

    関連記事は見つかりませんでした。
    検索ボックスからの検索もお試しください。

このページの上へ移動

コメント

コメントはまだありません。

コメントの投稿

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

 

 

 


トラックバックURL

http://www.findxfine.com/programming/css/466.html/trackback

このページの上へ