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

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

• Firefox 3が対応したdisplayプロパティの値（1）
• Firefox 3が対応したdisplayプロパティの値（2）

テーブル関連のボックス

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

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

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

<table>
<tr>
<td>あ</td><td>い</td><td>う</td><td>え</td><td>お</td>
</tr>

<tr>
<td>か</td><td>き</td><td>く</td><td>け</td><td>こ</td>
</tr>

<tr>
<td>さ</td><td>し</td><td>す</td><td>せ</td><td>そ</td>
</tr>
</table>

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