テーブル内の要素がwidth、heighにより設定されたサイズよりも大きい場合、table-layout:fixedを指定しないとサイズの指定が無視されます。
table-layoutでは、テーブルのレイアウトの方法を指定できます。指定可能な値は次の2つです。
この属性の用途は、巨大なtable要素の表示の高速化です。fixedではセルの表示サイズを無視して描画するため、1行目から順に描画されます。ただしこの場合、セルから内容がはみ出ることがあります。
| width:100px | width:300px | |||||||||
|---|---|---|---|---|---|---|---|---|---|---|
| table-layout:auto |
|
|
||||||||
| table-layout:fixed |
|
|
またfixedではセル幅はその内容に無関係に決定されるため、セル幅を均等に割り当てる用途にも使えます。
| table-layout | ||||
|---|---|---|---|---|
| auto |
|
|||
| fixed |
|
セルの枠線の表示方法を設定します。
セルのボーダーの間隔を設定します。