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

エ・ビスコム・テック・ラボ
2008-05-16 13:11:01
2回に渡って紹介してきたdisplayプロパティの値「inline-block」。今回は「inline-table」を紹介しよう。
最新特集【一覧】

EPUB生成ツール「ReVIEW」について達人出版会の高橋氏に聞いてみた

1つのソースでEPUBとPDFを生成できる「ReVIEW」を試す

Snow Leopard探索記 最終回：線路は続くよどこまでも

　前々回、前回と、Firefox 3が対応したdisplayプロパティの値「inline-block」を紹介してきた。今回は、Firefox 3が対応したもう1つの値「inline-table」を紹介する。「inline-table」には、SafariやOperaに加えて、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ボックス

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