最終更新日

table-layoutプロパティ

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

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

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

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

CSS3での変更点
特にありません
初期値 適用先 継承
auto table要素、または「display: inline-table;」状態の要素 なし
説明
auto ブラウザはテーブル全体の構造を読み込み、セルの内容を考慮し、各列の幅を決定してレンダリングを開始します。(初期値
fixed 高速アルゴリズムを使用します。ブラウザは最初の一行目を読み込んだ時点で、各列の幅を決定してレンダリングを開始します。
サンプルコード
table-layout: auto;
table-layout: fixed;
参考文献:W3C CSS 2.1「table-layout」外部リンク
HOME
当サイトの活動をサポートしてみませんか?気軽にクリエイターの支援ができます。