group)は、table要素内で用いて、表の複数の横列をまとめてグループ化(意味的なまとまりを構成)します。グループごとに横幅やテキストの揃え方の属性やスタイルシート(CSS)での見栄えをまとめて指定できます。span="2"></colgroup>"のように列をまとめたり、内容にcol要素を含めて記述したりします。colgroup要素は「グループ分け+見栄え」を定義しますが、col要素は「見栄え」だけで特に意味を持っていません。colgroup要素は表を組むtable要素の中で並べる順番が決まっており、caption要素の次、thead要素やtr要素の前に置きます。非推奨-内容モデルcol要素align属性バージョンHTML4.01(S,T,F)XHTML1.0(S,T,F)XHTML1.1指定要素colcolgroup必須-非推奨-属性値leftrightcenterjustifycharcolgroup要素でグループ化したセルに含まれる内容の幅寄せやテキストの桁揃えを指定します。"left")になっています。値には次の5つのキーワードがあります。大文字・小文字は区別されません。キーワードは半角アルファベットの大文字・小文字が区別されません(case-insensitive)。XHTML1.1のいずれにおいてもalign属性は非推奨ではありませんでしたが、HTML5ではcol要素のalign属性は廃止されました。text-alignプロパティを指定することで同様の表現ができます。指定した場合にセル内の位置揃えの軸となる文字を指定します。xml:lnag属性)で指定した言語に対応する小数点を指定することが可能です。ように指定すれば、セル内の文字がピリオド(.)に合わせて揃えられることが期待されます。UAは必ずしもこの機能をサポートする必要はないと定められています。このためchar属性を現状サポートするUAはなく、HTML5においてはcolgroup要素のchar属性は廃止されました。整数(pixels)パーセンテージ値(%)char属性により位置揃えが指定された場合、charoff属性でその文字から水平方向にどの位置までずらして表示するかを指定します。dir属性による書字方向に依存します。場合、左の余白からずれます。場合、右の余白からずれます。UAは必ずしもこの機能をサポートする必要はないと定められています。このためcharoff属性を現状サポートするUAはなく、HTML5においてはcolgroup要素のcharoff属性は廃止されました。以上の整数で指定します。colgroup要素で定義した全ての属性を共有します。整数(pixels)パーセンテージ値(%)相対比率(*)colgroup要素でグループ化した各列のセルの横幅を指定します。width属性で指定された横幅で表示されます。以上が指定されると、width属性の指定は無効になります。widthプロパティで同様の表現に代替できます。これは整数(ピクセル数で解釈)、パーセンテージ値(%)の他に相対比率を指定することが可能であることを意味します。整数はピクセル数による固定、パーセンテージ値(%)は表示域の横幅に対する割合です。相対比率の指定とは、分割可能なセルについて、アスタリスク(*)のついた整数の比率に従って分配します。割り当てられることになります。HTML5においてはcolgroup要素のwidth属性は廃止されました。このため、HTML5では本機能は完全にCSSで代用します。colgroup必須-非推奨-属性値topmiddlebottombaselinecolgroup要素でグループ化したセルに含まれる内容の垂直(上下)方向の揃え方を指定します。値には次の4つのキーワードがあります。大文字・小文字は区別されません。キーワードは半角アルファベットの大文字・小文字が区別されません(case-insensitive)。XHTML1.1のいずれにおいてもalign属性は非推奨ではありませんでしたが、HTML5ではcol要素のvalign属性は廃止されました。vertical-alignプロパティを指定することで同様の表現ができます。style=&quot;background:#69f;&quot;&gt;&lt;/colgroup&gt;&lt;tr&gt;&lt;th&gt;&lt;/th&gt;&lt;th&gt;天皇家&lt;/th&gt;&lt;th&gt;藤原氏&lt;/th&gt;&lt;th&gt;平氏&lt;/th&gt;&lt;th&gt;源氏&lt;/th&gt;&lt;/tr&gt;&lt;tr&gt;&lt;th&gt;天皇方&lt;/th&gt;&lt;td&gt;後白河&lt;/td&gt;&lt;td&gt;忠通&lt;/td&gt;&lt;td&gt;清盛&lt;/td&gt;&lt;td&gt;義朝&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;th&gt;上皇方&lt;/th&gt;&lt;td&gt;崇徳&lt;/td&gt;&lt;td&gt;頼長&lt;/td&gt;&lt;td&gt;忠正&lt;/td&gt;&lt;td&gt;為義&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;comment要素col要素ContactWeb制作に関するご相談、お気軽にお問い合わせください。/WebデザイナーContactSubscribeTwitterFacebookGoogle+。