HTML5HTML5 タグリファレンス

col

<col>要素は、<table>要素にある親の<colgroup>要素で表される縦列グループ内の1つ以上の列を表します。span属性で複数の縦列を表すことができます。

カテゴリ
なし
配置場所
span属性を持たない<colgroup>要素の子要素として。
内容
なし(空要素)
属性
span="縦列の数(整数)"
要素が複数の列を表す場合に縦列の数を0より大きい整数で指定します。
グローバル属性

サンプル

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8" />
<title>HTML5 › col</title>
<style>
table { border-collapse: collapse; }
th, td { padding: .5em; border: #ccc 1px solid; }
.name { background: #eef; }
.sex-age { background: #fee; }
</style>
</head>
<body>
<h1>HTML5 › col</h1>
<table>
<caption>入居者一覧</caption>
<colgroup>
<col class="name" />
<col span="2" class="sex-age" />
</colgroup>
<thead>
<tr><th>名前</th><th>性別</th><th>年齢</th></tr>
</thead>
<tbody>
<tr><th>やまだ いちろう</th><td>男</td><td>96</td></tr>
<tr><th>さとう じろう</th><td>男</td><td>78</td></tr>
<tr><th>すずき さくら</th><td>女</td><td>84</td></tr>
</tbody>
</table>
</body>
</html>

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です