table-layout

概要

table-layout は 表のセル、行、列のレイアウトアルゴリズムを定義する CSS プロパティです。

構文

形式文法: auto | fixed

table-layout: auto
table-layout: fixed

table-layout: inherit

値

auto

自動テーブルレイアウトアルゴリズムは殆どのブラウザでテーブルのレイアウトの為に用いられている基本のアルゴリズムです。テーブルとテーブルの各セルの幅はその内容に応じたサイズに設定されます。

fixed

テーブルとテーブル列の幅は、table 要素と col 要素の幅によって、 もしくは行の最初のセルの幅によって設定されます。後続する行のセルは列幅の設定に影響しません。

固定レイアウトメソッドに於いては、一度テーブルの一行目のみをダウンロードして解析した後、テーブル全体をレンダリングします。これは自動テーブルレイアウトアルゴリズムよりレンダリング速度を速くする事が出来ますが、後続するセルのコンテンツが用意された列幅に収まらないかもしれません。内容のオーバーフロー（はみ出し）が発生したセルに対して、はみ出した内容の表示方法を指定するには、overflow プロパティを用います。

例

.contentbox {
  table-layout: fixed;
}

仕様

ブラウザ実装状況

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!