col要素 -- 列の属性指定

基本データ

col要素
文書型 適用 子要素 開始タグ 終了タグ 分類
Strict ○ 空要素 必須 禁止 table要素 colgroup要素の子要素
Transitional ○
Frameset ○

属性

固有属性

span="対象範囲の列数"
Strict: ○ | Transitional: ○ | Frameset: ○
col要素の対象とする列数を指定します。値は1以上の整数です。省略した場合は1が指定されたものとみなされます。
width="幅"
Strict: ○ | Transitional: ○ | Frameset: ○
対象範囲の列の幅をまとめて設定します。値はピクセル値、パーセント値に加え「2*」のような相対値が使えます。また特別な形として必要最小の幅を表す「0*」が使えます。親要素のcolgroup属性にwidth属性が設定されていても、col要素にwidth属性が設定されるとその値が優先されます。
CSSで代用
col { width: 横幅; }
align="行揃え"
Strict: ○ | Transitional: ○ | Frameset: ○
対象範囲に含まれるセルの行揃えをまとめて指定します。利用できる値は次のとおりです。
left
左揃え
center
中央揃え
right
右揃え
justify
両端揃え
char
char属性で指定された文字に揃える(デフォルトは小数点を表す文字)。対応しているブラウザがほとんどありません。
この属性は非推奨ではありませんが、CSSを使って次のように指定するほうが望ましいです。
左揃え
col { text-align: left; }
中央揃え
col { text-align: center; }
右揃え
col { text-align: right; }
両端揃え
col { text-align: justify; }
特定の文字で揃える(ピリオドの場合)
col { text-align: "."; }
valign="垂直方向の位置揃え"
Strict: ○ | Transitional: ○ | Frameset: ○
セルの中身を垂直方向のどの位置にそろえるのかを指定します。利用できる値は次のとおりです。
top
上揃え
middle
中央揃え
bottom
下揃え
baseline
1行目の下端
この属性は非推奨ではありませんが、CSSを使って次のように指定するほうが望ましいです。
上揃え
col { vertical-align: top; }
中央揃え
col { vertical-align: middle; }
下揃え
col { vertical-align: bottom; }
1行目の下端
col { vertical-align: baseline; }
char="行を揃える文字"
Strict: ○ | Transitional: ○ | Frameset: ○
align="char"を指定したときに、どの文字で位置を揃えるのかを指定します。デフォルトでは小数点を表す記号(日本語ならピリオド)です。
charoff="セルの端からchar属性で示した文字までの空白"
Strict: ○ | Transitional: ○ | Frameset: ○
align="char"を指定したときに、セルの左端からそろえる文字までの距離をピクセル値かパーセント値で指定します。

解説

列を表す要素です。たて1列にまとめて属性を設定するために使います。tr要素のたてバージョンだと思うと分かりやすいかもしれません。空要素なので終了タグがありません。

colgroup要素と違い、列をグループに分ける機能はありません。col要素はtable要素の子要素とすることもできますが、そうすると列のグループ分けができません。ですから、colgroup要素の子要素にしたほうがよいでしょう。

詳しい使い方は以下のページを参照してください。

また、colgroup要素との詳しい違いはcolgroup要素とcol要素の違いを参照してください。

Strict DTDの定義

<!ELEMENT COL      - O EMPTY           -- table column -->
<!ATTLIST COL                          -- column groups and properties --
  %attrs;                              -- %coreattrs, %i18n, %events --
  span        NUMBER         1         -- COL attributes affect N columns --
  width       %MultiLength;  #IMPLIED  -- column width specification --
  %cellhalign;                         -- horizontal alignment in cells --
  %cellvalign;                         -- vertical alignment in cells --
  >

Information

現在の位置