表の幅の計算方法
(Table width algorithms)
テーブル(表)
ホーム
>
CSS2 Note
> 表の幅を計算方法
C2- ie5- N6-
説明
table-layout:
layout
;
C2- ie5- N6-
値:
----- hint -----
a b この順序で
a|b どれか1つ
a||b 少なくとも1つ
[...] グループ
a* 0回以上
a+ 1回以上
a? 0回、1回
{a,b} a回以上b回以下
auto | fixed |
inherit
初期値:
auto
、
適用要素:
table要素 (
display
:inline-tableを含む)
、
継承:
しない
、
%値:
なし
、
メディア:
ビジュアル
このプロパティは、表のセル、行、列をレイアウトするのに用いるアルゴリズム(計算)を制御します。
使用例
table {table-layout:fixed; width:777px}
table-layoutの値
fixed
C2- ie5- N6- 固定レイアウトアルゴリズムを用います。
auto
C2- ie5- N6- 任意の自動レイアウトアルゴリズムを用います。初期値。
表の幅の計算方法のレンダリング
固定レイアウト
自動レイアウト
固定レイアウトと自動レイアウト
固定レイアウトでは、表の水平方向のレイアウトがセルの内容量に依存しません。その代わり、表全体の幅、列幅、ボーダー、そしてセル間隔の影響を受けます。固定レイアウトは、最初の行(横列)のデータを読み込んだ段階でレイアウトを開始します。このレイアウトを行うためには、表全体の幅「width」が指定されている必要があります。
自動レイアウトは、テーブル全体のデータを読み込んでから最終的なレイアウトを決定します。全体を読み込んでからレイアウトを行うので場合によっては非効率であるといえます。
関連項目:
caption-side
| table-layout |
border-collapse
|
border-spacing
|
empty-cells
|
speak-header
2005/09/28発行 2009/07/01更新