Latest web development tutorials

HTMLの<COLGROUP>タグ

例

テーブル内の3つの列のための<COLGROUP>と<COL>タグの背景色を設定します。

<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>$53</td>
  </tr>
</table>

»をお試しください

ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

タグの定義と指示

<COLGROUP>タグは、それをフォーマットするために、組み合わせの列を形成するために使用されます。

<COLGROUP>タグを使用することにより、あなたはむしろ、各行の各セルについて繰り返し要求するのではなく、列全体にスタイルを適用したり、スタイルを設定することができます。

注：のみの<table>要素には、いずれかの<thead要素>で任意の<キャプション>要素の後、<TBODY>、 <tfoot要素>、 <TR>要素の使用<COLGROUP>タグの前に。

ヒント：<COLGROUP>列に異なる特性を定義するためにしたい場合は、<COLGROUP>タグ内で使用し、<COL>タグ。

HTML 4.01とHTML5との違い

HTML5は、もはやプロパティのほとんどでHTML 4.01ではサポートされません。

プロパティ

属性 值 描述
align left
right
center
justify
char		 HTML5 不支持。规定在列组合中内容的水平对齐方式。
char character HTML5 不支持。规定根据哪个字符来对齐列组中的内容。
charoff number HTML5 不支持。规定第一个对齐字符的偏移量。
span number 规定列组应该横跨的列数。
valign top
middle
bottom
baseline		 HTML5 不支持。定义在列组合中内容的垂直对齐方式。
width pixels
%
relative_length		 HTML5 不支持。规定列组合的宽度。

グローバル・プロパティ

<COLGROUP>タグがサポートしてHTMLグローバルプロパティを 。

イベントプロパティ

<COLGROUP>タグがサポートしているHTMLのイベントプロパティを 。