サポートされる環境が限定されているため、span属性以外は使用すべきではありません。
| 属性 | 内容 | 実装 |
|---|---|---|
| span | 連結する列の数 | ○ |
| align | 水平方向の配置方法 | HTML5で廃止 |
| char | ||
| charoff | ||
| valign | ||
| width | ||
| bgcolor | IEの一部のバージョンのみ |
次のように、各種のスタイルを1列目に適用した場合を検証します。
<table>
<col style="width: 100px" />
<tr>
<td>A</td>
<td>123</td>
</tr>
<tr>
<td>123</td>
<td>A</td>
</tr>
</table>
width:100px
| A | 123 |
| 123 | A |
列内に指定幅より大きな要素があると、サイズの指定は無視されます。よって確実に幅を適用するには、table-layoutでfixedとします。
<table>
<col style="width: 50px" />
︙
| 0123456789 | 0123456789 |
table要素にtable-layoutを指定。
<table style="table-layout: fixed">
<col style="width: 50px" />
︙
| 0123456789 | 0123456789 |
table要素にtable-layoutとwidthを指定。
<table style="table-layout: fixed; width: 50%">
<col style="width: 50px" />
︙
| 0123456789 | 0123456789 |
background:red
| A | 123 |
| 123 | A |
color:red
| A | 123 |
| 123 | A |
text-align:center
| A | 123 |
| 123 | A |
white-space:pre
| 0123456789 0123456789 0123456789 0123456789 | 0123456789 0123456789 0123456789 0123456789 |