<コルグループ>

HTML <colgroup> タグ

インスタンス

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<table border="1">
  <colgroup>
    <col span="2" style="background-color:red">
    <col style="background-color:yellow">
  </colgroup>
  <tr>
    <th>ISBN</th>
    <th>Title</th>
    <th>Price</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>My first HTML</td>
    <td></td>
  </tr>
  <tr>
    <td>5869207</td>
    <td>My first CSS</td>
    <td></td>
  </tr>
</table>

</body>
</html>

インスタンスの実行»

[インスタンスの実行] ボタンをクリックしてオンラインインスタンスを表示します

ブラウザのサポート

すべての主要なブラウザ<colgroup> タグをサポートします。

タグの定義と使用方法

<colgroup> タグは、テーブル内の列をグループ化してフォーマットするために使用されます。

<colgroup> タグを使用すると、各セルや行のスタイルを繰り返し設定しなくても、列全体にスタイルを適用できます。

注: は、<caption> 要素の後、および <thead>、<tbody>、<tr> 要素内でのみ使用できます。 <colgroup> タグが使用されました。

ヒント: <colgroup> の列に別の属性を定義する場合は、<colgroup> タグ内で <col> タグを使用してください。

HTML 4.01 と HTML5 の違い

HTML 4.01 の属性のほとんどは HTML5 ではサポートされなくなりました。

プロパティ

プロパティ	値	説明
整列	左そうセンター正当化する char	HTML5 はサポートされていません。列の組み合わせ内のコンテンツの水平方向の配置を指定します。
char	character	HTML5 はサポートされていません。列グループの内容を整列させるために使用する文字を指定します。
charoff	number	HTML5 はサポートされていません。最初に位置合わせされた文字のオフセットを指定します。
span	number	列グループがまたがる列の数を指定します。
ヴァライン	トップ真ん中下ベースライン	HTML5 はサポートされていません。列の組み合わせ内のコンテンツの垂直方向の配置を定義します。
幅	ピクセル % relative_length	HTML5 はサポートされていません。列の組み合わせの幅を指定します。

グローバル属性

<colgroup> タグは HTML グローバル属性をサポートします。

イベント属性

<colgroup> タグは HTML イベント属性をサポートします。