colgroup要素とは
<colgroup>
要素は、
- 意味・役割
- 表(テーブル)の列のグループを表す要素
- 利用できるバージョン(HTML4.01以降)
- 全てのバージョン
- コンテンツ・カテゴリ
-
なし
(HTML5より前:なし) - コンテンツ・モデル(梱包できる要素)
-
span
属性がある場合:なしspan
属性がない場合:0個以上の<col>
要素と<template>
要素
<col>
要素) - この要素を配置できる親要素
-
<table>
要素。
ただし、<caption>
要素より後ろで、<thead>
要素、<tbody>
要素、<tfoot>
要素、<tr>
要素よりは、前に配置
colgroup要素で使える属性
どの要素にでも使えるグローバル属性と以下の属性が使えます。
span属性
属性は、<colgroup>
要素でグループにする列の数を指定する属性です。属性値には "1" 以上の数値を指定します。この属性は<colgroup>
要素内に<col>
要素がある場合には指定できません。
- 属性値
- "1" 以上の数値
- 利用できるバージョン(HTML4.01以降)
- 全てのバージョン
width属性 HTML5で廃止
属性は、グループ化した列の横幅を指定する属性です。なお、この属性は視覚的な表現を行う属性で、HTML5で廃止になりました。同様の表現を行うには、CSSの:width
プロパティで行うようにしましょう。
- 属性値
-
- 整数: 画像の横幅(px)
- パーセンテージ: 画像の割合
- 相対値 "*": 相対比率
- 利用できるバージョン(HTML4.01以降)
- HTML4.01、XHTML1.0、XHTML 1.1
align属性 XHTML1.1で廃止
属性は、列内のセルに対してテキストの揃え方を指定する属性です。なお、この属性は視覚的な表現を行う属性で、HTML4.01以降は非推奨、XHTML1.1で廃止になりました。同様の表現を行うには、CSSの:text-align
プロパティで行うようにしましょう。
- 属性値
-
- "left": 左揃え
- "center": 中央揃え
- "right": 右揃え
- "justify": 両端揃え (均等配置)
- "char":
char
属性で指定した文字で揃える
- 利用できるバージョン(HTML4.01以降)
- HTML4.01 (Transition/Frameset)、XHTML1.0 (Transition/Frameset)
valign属性 XHTML1.1で廃止
属性は、vertical-align
プロパティで行うようにしましょう。
- 属性値
-
- "top": 上揃え
- "middle": 中央揃え
- "bottom": 下揃え
- "baseline": ベースラインで揃える (1行目のみ)
- 利用できるバージョン(HTML4.01以降)
- HTML4.01 (Transition/Frameset)、XHTML1.0 (Transition/Frameset)
char属性 XHTML1.1で廃止
属性は、align
属性で、"char" を指定した際、テキストを揃える文字を指定する属性です。
基本的には、小数点などを揃える為に使用する為、 "." (ピリオド)を指定します。なお、この属性は視覚的な表現を行う属性で、HTML4.01以降は非推奨、XHTML1.1で廃止になりました。同様の表現を行うには、CSS3の:text-align
プロパティで char
の指定で行うようにしましょう。
- 属性値
- テキストを揃える文字
- 利用できるバージョン(HTML4.01以降)
- HTML4.01 (Transition/Frameset)、XHTML1.0 (Transition/Frameset)
charoff属性 XHTML1.1で廃止
属性は、char
属性が指定された場合において、その文字の
オフセット (ずらす量)を指定する属性です。なお、この属性は視覚的な表現を行う属性で、HTML4.01以降は非推奨、XHTML1.1で廃止になりました。
- 属性値
-
- 整数: 画像の横幅(px)
- パーセンテージ: 画像の割合
- 利用できるバージョン(HTML4.01以降)
- HTML4.01 (Transition/Frameset)、XHTML1.0 (Transition/Frameset)
bgcolor属性 XHTML1.1で廃止
属性は、background-color
プロパティで行うようにしましょう。
- 属性値
-
- "16進数RGB値"
- "カラーネーム"
- 利用できるバージョン(HTML4.01以降)
- HTML4.01 (Transition/Frameset)、XHTML1.0 (Transition/Frameset)
colgroup要素のサンプル
span
属性を使った表の例
col
要素を使った表の例
仕様
- HTML5.1
- 4.9.3. The colgroup element