Firefox 3が対応したdisplayプロパティの値(3) - inline-table

エ・ビスコム・テック・ラボ
2008-05-16 13:11:01
  • このエントリーをはてなブックマークに追加

 前々回、前回と、Firefox 3が対応したdisplayプロパティの値「inline-block」を紹介してきた。今回は、Firefox 3が対応したもう1つの値「inline-table」を紹介する。「inline-table」には、SafariOperaに加えて、Internet Explorer 8(ベータ版)も対応しているので、各ブラウザでの表示も確認していきたい。

テーブル関連のボックス

 HTML/XHTMLではタグでマークアップした部分が四角形のボックスとなる。inline-tableボックスはCSS 2から追加されたテーブル関連のボックスの1つだ。テーブル関連では次の10種類のボックスが用意されている。

テーブル関連のボックス
ボックスの種類特徴関連タグ
tableブロックボックスとしてテーブルを構成する
inline-tableインラインボックスとしてテーブルを構成する
table-row行を構成
table-cellセルを構成,
table-row-group行のグループを構成
table-header-groupヘッダー行のグループを構成
table-footer-groupフッター行のグループを構成
table-column列を構成
table-column-group列のグループを構成
table-captionキャプションを構成

 基本的なテーブルはHTML/XHTMLの

、、
タグを使用して作成する。このとき、はテーブルを構成するtableボックス、は行を構成するtable-rowボックス、
はセルを構成するtable-cellボックスとなり、ボックスの組み合わせでテーブルの形が作成される。

テーブルを構成するボックス テーブルを構成するボックス

tableボックスとinline-tableボックス

  • 新着記事
  • 特集
  • ブログ