最新のWeb開発のチュートリアル
 

Style tableLayout Property

<スタイルオブジェクト

固定テーブルのレイアウトを設定します。

document.getElementById("myTable").style.tableLayout = "fixed";
»それを自分で試してみてください

定義と使用法

tableLayoutプロパティセットまたはテーブルセル、行、および列をレイアウトする方法を返します。


ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

tableLayoutプロパティは、すべての主要なブラウザでサポートされています。


構文

tableLayoutプロパティを返します:

object .style.tableLayout

tableLayoutプロパティを設定します。

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

プロパティ値

説明
auto 列幅は最も広い割れない内容で設定されています。 これがデフォルトです。
  • 表が完全に表示することができます前に、それはすべてのコンテンツにアクセスする必要があるので、このレイアウトは、時々遅いです
fixed 列の幅は、テーブルと列の幅によって設定されている(not the content of the cells)
  • 固定ユーザエージェントは最初の行を受信した後、テーブルを表示するために始めることができるので、自動レイアウトよりも高速であります
initial このプロパティがデフォルト値に設定します。 最初の記事を読みます
inherit その親要素からこのプロパティを継承します。 継承についての記事を読みます

技術的な詳細

デフォルト値: オート
戻り値: 表に使用されるテーブルのレイアウトアルゴリズムを表す文字列、
CSSのバージョン CSS2

その他の例

テーブルレイアウトを返します:

alert(document.getElementById("myTable").style.tableLayout);
»それを自分で試してみてください

関連ページ

CSSチュートリアル: CSS表

CSSリファレンス: テーブルレイアウトプロパティ


<スタイルオブジェクト