table-layout

テーブル レイアウトが固定されているかどうかを示す文字列を設定します。

構文

{ table-layout: sLayout }

設定できる値

sLayout

以下の値のうちの 1 つを指定する文字列:

auto	既定。列の幅は、列セルにおいて最も幅の広い改行できないコンテンツによって設定されます。
fixed	テーブルと列の幅は、COL オブジェクトの幅の合計、あるいはそれが指定されていない場合は、セルの最初の行の幅によって設定されます。テーブルの幅が指定されていない場合は、既定の width=100% で表示されます。

このプロパティの既定値は auto です。これは継承されません。

コメント

table-layout プロパティを指定することで、テーブルのレンダリング パフォーマンスを最適化できます。このプロパティを指定すると、ブラウザーがテーブルを一度に一列ずつ表示するため、ユーザーに情報をより速い速度で提供できます。table-layout プロパティは、次の順でテーブルの列の幅を決定します。

• COL 要素または COLGROUP 要素の width プロパティ情報を使用する。

• 最初の行の TD 要素の width プロパティ情報を使用する。

• コンテンツのサイズに関係なく、テーブル列を均等に配分する。

セルのコンテンツが列の固定幅を超える場合は、コンテンツは折り返しされるか、あるいはそれが不可能な場合は切り取られます。table-layout プロパティが fixed に設定されている場合は、overflow プロパティを使って TD 要素の幅を超えるコンテンツを処理することができます。行の高さが指定されている場合は、折り返したテキストはその高さを超えると切り取られます。

プロパティを fixed に設定すると、特に長いテーブルの場合、レンダリングの速度が大幅に改善されます。

行の高さを設定するとさらにレンダリングの速度が改善され、ブラウザーのパーサーが列の高さを決定するために列内の各セルのコンテンツを調べることなく、列のレンダリングを開始できるようになります。

例

この例では、カスケード スタイル シートのプロパティを使って、テーブル レイアウトを fixed に設定します。

<table style="table-layout:fixed" width=600>
<col width=100><col width=300><col width=200>
<tr height=20>
<td>...</td><td>...</td><td>...</td>
</tr>
:
</table>

標準に関する情報

このプロパティは、「Cascading Style Sheets (CSS), Level 2 (CSS2) (カスケード スタイル シート、レベル 2) 」で定義されています。

適用できる要素

table

関連項目

概念

overflow
max-height
min-height