CSS 参考手册

CSS @规则(RULES)

table-layout CSS属性は、テーブルのセル、行、および列のレイアウトに使用されるアルゴリズムを指定します。

以下のテーブルは、この属性の使用方法とバージョン履歴、およびjavascriptスクリプトでの使用構文を説明しています。

デフォルト値：	auto
適用：	テーブルおよびインラインテーブル要素
継承：	ありません
アニメーション可能：	いいえ。参照してくださいアニメーション属性。
バージョン：	CSS 2、3
JavaScript構文：	object.style.tableLayout="fixed"

この属性の構文は以下の通りです：

table-layout:　auto　|　fixed　|　initial　|　inherit

以下の例では、tableを使用する方法を示しています。-layout属性。

例

　　table　{
　　　width:　250px;
　　　table-layout:　fixed;
　　}

ヒント：固定テーブルレイアウトアルゴリズムは、自動テーブルレイアウトアルゴリズムよりもブラウザがテーブルをレイアウトする速度が速くなります。一旦最初の行を受け取ると、ブラウザはそのテーブルを表示し始めることができます。

以下のテーブルは、この属性の値を説明しています。

値	説明
auto	自動テーブルレイアウトアルゴリズムはテーブルレイアウトに使用されます。テーブルおよびセルの幅はセルの内容に依存します。これはデフォルト値です。
fixed	固定のテーブルレイアウトアルゴリズムはテーブルレイアウトに使用されます。テーブルの水平レイアウトは、セルの内容に依存しません；テーブルの幅、列の幅、および枠線またはセルの間隔に依存します。テーブルおよび列の幅は、tableおよびcol要素の幅またはセルの最初の行の幅で設定されます。
initial	この属性をデフォルト値に設定します。
inherit	指定された場合、関連する要素は親要素のtableの-layoutの属性値。

注意：自動テーブルレイアウトアルゴリズムは、行や列が多いテーブルの表示速度を低下させる可能性があります。なぜなら、ブラウザは最終的なレイアウトを決定する前に、テーブル内のすべての内容にアクセスする必要があるからです。

table-layout属性のブラウザの互換性について、以下のテーブルの数字は、その属性をサポートするブラウザの最低バージョン番号を示します；すべての主要ブラウザはこの属性をサポートしています。

	Firefox 1+ Google Chrome2+ Internet Explorer 5+ Apple Safari 1+ Opera 7+

以下の内容に関するチュートリアルを参照してください：HTMLテーブル、CSSテーブル。