tableLayoutスタイル属性

定義と用法

tableLayout 属性設定またはテーブルセル、行、列のレイアウト方法を返します。

参照してください：

CSSチュートリアル：CSS テーブル

CSSリファレンスマニュアル：table-layout属性

インスタンス

例1

固定のテーブルレイアウトの設定：

document.getElementById("myTable").style.tableLayout = "fixed";

自分で試してみる

例2

テーブルレイアウトの返り値：

alert(document.getElementById("myTable").style.tableLayout);

自分で試してみる

構文

tableLayout属性の返り値：

object.style.tableLayout

tableLayout属性の設定：

object.style.tableLayout = "auto|fixed|initial|inherit"

属性値

値 説明
auto

列の幅は最も幅の広い不可断行の内容で設定されます。デフォルト。

このレイアウトは、テーブルが完全に表示される前にすべての内容にアクセスする必要があるため、時には遅くなることがあります。
fixed

列の幅はテーブルと列の幅設定（セルの内容ではありません）で決定されます。

fixedはautoレイアウトよりも速く、最初の行を受け取った後、ユーザーエージェントがテーブルの表示を開始できます。
initial この属性をデフォルト値に設定します。参照してください initial。
inherit この属性は親要素から継承されます。参照してください inherit。

技術的詳細

デフォルト値： auto
返り値： テーブルのレイアウトアルゴリズムを表す文字列。
CSS バージョン： CSS2

ブラウザのサポート

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート サポート サポート サポート サポート