table-layoutプロパティ。
CSSに於ける表(テーブル)のコマのレイアウトアルゴリズム(配置処理方法)の指定・table-layoutプロパティに関する解説です。
table-layoutプロパティとは。
table-layoutプロパティは、表(テーブル)のコマのレイアウトアルゴリズムの指定です。
表(テーブル)に於いては、各コマの大きさが指定されていない場合、どのコマにどれだけの幅を割くかに関しては、いろいろな考え方があると思われます。
このため、CSSの仕様では、固定アルゴリズムのみtable-layoutプロパティで指定可能、すなわちtable-layoutプロパティでは固定アルゴリズムを採用するかどうかのみを指定出来るものとしております。
- 固定アルゴリズム
- 横幅が決められている列の横幅を確保し、残りの列は残りを等分したものとするアルゴリズムです。
正確には以下のようになります。
- まず、横幅が定められている、すなわちwidthプロパティに
auto値以外の値が定められている列要素の幅を確保します。 - 続いて、横幅が定められていないものの、第一行目のコマにて横幅が定められている列要素の幅を確保します。
- 残りの列については、余った幅を等分して得られた幅が与えられます。
この方法は一行目を読み込んだ時点で表(テーブル)の列の配置が確定するため、ページ全体のレイアウトが素早く行えると言う特徴があります。
- まず、横幅が定められている、すなわちwidthプロパティに
- 実際にはもう一つ、自動アルゴリズムも仕様書にて定義しておりますが、他の任意のレイアウトアルゴリズムと区別して指定する事は出来ません。