table-layout

by 2 contributors:

概要

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;
}

仕様

仕様書 策定状況 コメント
CSS Level 2 (Revision 1) 勧告  

ブラウザ実装状況

機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari
基本サポート ?  - 14.0 +  1.0 (1.7 or earlier) 5.0 7.0 1.0
機能 Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
基本サポート ? 1.5 ? ? ? ? 9.8.0 ? 3.0

関連情報

ドキュメントのタグと貢献者

Contributors to this page: dskmori, ethertank
最終更新者: dskmori,
サイドバーを隠す