スポンサード リンク
col要素
col要素は表のグループの縦の列の範囲を指定します使い方(書式)
<col></col>
col要素
対応ブラウザ | |
要素の種類 | colgroup要素の子要素 |
内容となる要素 | なし |
属性 | 説明 |
span属性 | col要素でグループの列数の有効範囲を整数で指定します。span属性の初期値は 1です 例、span="2" この場合は縦の2列をグループ化しまします |
width属性 | col要素で有効範囲を指定したグループ内のセルの横幅を指定します 値にはpxなどの単位、% ※cssのwidthプロパティでも横幅を指定できます |
align属性 | col要素で指定した範囲のセルのテキストの横の表示位置を指定します
値にはleft、right、center、justify、char |
valign属性 | col要素で指定した列のセルのテキストの縦の表示位置を指定します
値にはtop、middle、bottom、baseline |
char属性 | tfoot要素の内容になっているセルの内容の位置揃えとなる文字を指定します
対応しているブラウザはありません HTML5で廃止されました |
charoff属性 | char属性で位置揃えが指定された場合、charoff属性でその文字から水平方向に位置をずらして表示します
対応しているブラウザはありません HTML5で廃止されました |
共通属性 | html共通属性 |
イベント属性 | htmlイベント属性 |
実際の指定方法
html
<table> <caption>表の題名 caption</caption> <col span="2" class="hoge"></col> <thead> <tr> <td>theadの行</td> <td>theadの行</td> <td>theadの行</td> </tr> </thead> <tfoot> <tr> <td>tfootの行</td> <td>tfootの行</td> <td>tfootの行</td> </tr> </tfoot> <tbody> <tr> <td>tbodyの行</td> <td>tbodyの行</td> <td>tbodyの行</td> </tr> </tbody> </table>
css
.hoge{ background-color: #FFFACD; } /* 背景色を指定 */
実際の表示
theadの行 | theadの行 | theadの行 |
tfootの行 | tfootの行 | tfootの行 |
tbodyの行 | tbodyの行 | tbodyの行 |