table-layout

概要

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

• 初期値 auto
• 適用対象 table および inline-table
• 継承 継承しない
• メディア visual
• 計算値 指定値
• アニメーションの可否 不可
• 正規順序 形式文法で定義される一意のあいまいでない順序

構文

形式文法: auto | fixed

table-layout: auto
table-layout: fixed

table-layout: inherit

値

auto

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

fixed

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

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

例

.contentbox {
  table-layout: fixed;
}

仕様

ブラウザ実装状況

関連情報

• caption-side、 table-layout、 border-collapse、 border-spacing、 empty-cells