CSS table-layout プロパティ

❮ 前章へ 完全な CSS リファレンス 次へ ❯

例

テーブル・レイアウト・アルゴリズムを設定します：

table {
    table-layout: fixed;
}
Try it Yourself ❯

定義と用法

table-layout プロパティは、テーブルに使用するテーブル・レイアウト・アルゴリズムを設定します。

デフォルト値： auto
継承： 継承する
アニメーション可否： 不可。animatable を参照
バージョン： CSS2
JavaScript 構文： object.style.tableLayout="fixed" Try it

ブラウザ・サポート

表中の数字は、完全にプロパティをサポートした最初のブラウザのバージョンです。

プロパティ
table-layout 14.0 5.0 1.0 1.0 7.0

CSS 構文

table-layout: auto|fixed|initial|inherit;

プロパティの値

値 説明 Play it
auto 自動テーブル・レイアウト・アルゴリズム(これがデフォルト)：
  • 列幅には、セル内で改行しないようにコンテンツの最大幅が設定されます
  • 最終的なレイアウトを決定する前に、テーブルの全てのコンテンツを読む必要があるので、遅くなる場合があります
 Play it ❯
fixed 固定テーブル・レイアウト・アルゴリズム：
  • 横のレイアウトは、セルのコンテンツではなく、テーブルの幅と列の幅で決まります
  • ブラウザは、自動テーブル・レイアウトよりは速くテーブルをレイアウトすることができます
  • 最初の行を受信直後に、ブラウザはテーブルの表示を開始することができます
 Play it ❯
initial プロパティにデフォルト値を設定します。initial を参照 Play it ❯
inherit このプロパティは親要素を継承します。inherit を参照

関連ページ

CSS チュートリアル： CSS Table

HTML DOM リファレンス：tableLayout プロパティ


❮ 前章へ 完全な CSS リファレンス 次へ ❯