七鍵@楽天

タグ辞書【COL】


◆ COL 
表示可能ブラウザ: [IE4][IE5][IE6][NN6][OP7]
解説
Columunの略
TABLEの縦列の属性をまとめて指定するときに使用
COLタグの位置はTABLEタグ内CAPTIONタグ後THEADタグ前
COLGROUPタグと併用する場合はCOLGROUPタグ内に記入する
COL終了タグは省略可能

属性

span: グループ化する列数を「0」より大きい整数で指定する
グループ化された列はCOL要素で定義した全ての属性を共有する
つまり、同じ属性を複数の列に持たせたい場合は非常に有効
規定値は1
width: グループ化した列全ての列幅を指定する
当属性はCOLGROUP 要素のWidth属性と全く同等
COL要素のWidth属性は 非推奨ではないが、スタイルシートを使用することが推奨されている
COLGROUPでの指定より優先される
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">
<col span="0" width="100">
<col span="1" width="250">
<col span="2" width="150">
</colgroup>
<THEAD>
<TR><TH>色1</TH><TH>色2</TH><TH>色3</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
色1 色2 色3
#000000
#000033 #000066
#000099
#0000CC #0000FF









© Rakuten Group, Inc.
X
Design a Mobile Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: