最終更新日 2021年6月6日

table-layoutプロパティ

table-layoutは、テーブルを描画する際のレンダリングアルゴリズムを指定するプロパティです。

値は「auto」と「fixed」の2つあります。初期値は「auto」です。

「auto」を指定した場合、ブラウザはテーブル全体の構造を読み込み、セルの内容を考慮し、各列の幅を決定してレンダリングを開始します。

「fixed」を指定した場合、高速アルゴリズムを使用します。ブラウザは最初の一行目を読み込んだ時点で、各列の幅を決定してレンダリングを開始します。

CSS3での変更点

特にありません

初期値	適用先	継承
auto	table要素、または「display: inline-table;」状態の要素	なし

値	説明
auto	ブラウザはテーブル全体の構造を読み込み、セルの内容を考慮し、各列の幅を決定してレンダリングを開始します。（初期値）
fixed	高速アルゴリズムを使用します。ブラウザは最初の一行目を読み込んだ時点で、各列の幅を決定してレンダリングを開始します。

サンプルコード

table-layout: auto;
table-layout: fixed;

ザマワンにエントリーしました！

『ザマワン』は「座間ワンミニッツ」の略称であり、座間市の魅力を１分にギュッと詰め込む動画コンテストです。