<colgroup> | HTML5タグ辞典

<colgroup> ～ </colgroup>

colgroup要素は、table要素の子要素でテーブルの縦列をグループとして扱うための要素です。caption要素より後、thead要素よりも前に記述します。グループ化する列はspan属性で指定します。

colgroup要素でグループ化された列は一括してcssの指定が可能です。ですがHTMLの記述上、グループ化されたth要素やtd要素はcolgroup要素の子要素にはあたらないので、colgroupにclassを追加してもグループ化されたth要素やtd要素内にそのスタイルは適用されません。

属性

span属性

下記は、右2列をグループ化した例です。

最初のcolgroup要素は教科の列、2番目のcolgroupはspan要素で点数と順位の列をグループ化しています。cssでグループ化された列の背景色を変更しています。

記述例

試験結果



	

		
教科
		
点数
		
順位
	


	

		
数学
		
100点
		
1位
	
	

		
英語
		
85点
		
20位
	
	

		
国語
		
78点
		
40位
	
	

		
物理
		
92点
		
7位
	

表示