七鍵＠楽天

タグ辞書【COLGROUP】

◇ 解説

TABLEの縦列の属性をグループ化し、まとめて指定するときに使用
COLGROUPタグの位置はTABLEタグ内CAPTIONタグ後THEADタグ前
COLタグと併用する場合はCOLGROUPタグ内にCOLタグを記入する
COLGROUP終了タグは省略可能

◇ 属性

span：	グループ化する列数を「0」より大きい整数で指定する グループ化された列は 全ての属性を共有する つまり、同じ属性を複数の列に持たせたい場合は非常に有効 指定が無い際は１とみなす COLタグと併記している場合、この記述は無視される
width：	グループ化した列全ての列幅を指定する 当属性はCOL 要素のWidth属性と全く同等 COLGROUP要素のWidth属性は非推奨ではないが、スタイルシートを使用することを推奨されている COLGROUPでの指定よりCOLでの指定が優先される
align：	横方向の位置を指定 left（左寄せ）right（右寄せ）center（中央揃え）justify（両端揃え） char（char属性で指定した文字の位置を揃える）
valign：	縦方向の位置を指定 top（上寄せ）middle（中央揃え）bottom（下寄せ）baseline（1行目のベースラインを揃える）
char：	属性値として指定された文字を、セル内の文字列を桁揃えするための基準文字として指定する 例えば、英語であれば「.」、フランス語であれば「,」のように、 Lang属性で指定した言語に対応するものを既定値とするすることも可能 ただし、ブラウザはこの既定値をサポートする必要は無い 指定無しの初期値はピリオド
charoff：	Char属性により桁揃え文字が指定されていた場合、その文字からいくらずらして 表示するかを指定する 例えば、小数点以下3桁で揃えたい場合は、「3」を指定する また、文字揃えの際にずらす方向は、Dir属性による書字方向に依存する ただし、ブラウザはこの既定値を サポートする必要は無い セル内に指定文字がない場合、末尾が指定文字の直前に揃えられる
%STYLEs%：	スタイルシートのクラス名やID名を参照
%LANGs%：	言語情報や書字方向などを指定
%EVENTs%：	各種イベントを指定

◇ ソース

<TABLE border=1>
<caption>WEB SAFE COLORS</caption>
<colgroup align="justify" width="200">
</colgroup>
<THEAD>
<TR><TH>色１</TH><TH>色２</TH><TH>色３</TH></TR>
</THEAD>
<TBODY>
<TR><TD height=30 bgcolor="#000000">#000000</TD>
<TD height=30 bgcolor="#000033">#000033</TD>
<TD height=30 bgcolor="#000066">#000066</TD></TR>
<TR><TD height=30 align=center bgcolor="#000099">#000099</TD>
<TD height=30 bgcolor="#0000CC">#0000CC</TD>
<TD height=30 bgcolor="#0000FF">#0000FF</TD></TR>
</TBODY>
</TABLE>

◇ 表示

WEB SAFE COLORS

色１	色２	色３
#000000	#000033	#000066
#000099	#0000CC	#0000FF