<col> 列の属性をまとめて設定する -HTMLタグ辞典
HTMLタグ辞典 列の属性をまとめて設定する
トップページ 戻る コミュニティ リンク ヘルプ
ページ テキスト フォント リンク イメージ リスト フレーム テーブル フォーム 意味 補助 その他
 HTMLタグ辞典 >> テーブル >> 列の属性をまとめて設定する
タグ

 <table>
 <col>
 <tr> 〜 </tr>
 …列
 </table>


 ※「」=セル …<th>と</th>タグ、または、<td>と</td>タグ

解説

 <col>タグを使用することで、テーブル内の列にまとめて属性を設定することができます。 <colgroup>タグと用途は同じです。 <col>タグに記述された属性は、<colgroup>タグに記述された属性よりも優先されます。


 列をグループ化すると、各グループごとにまとめて属性等を指定することができます。 <col>タグは、グループ化したい列の数だけ、<table>タグの直ぐ下に記述します。 1番上に記述した<col>は1番左の列、2番目に記述した<col>は左から2番目の列をグループ化するという関係になっています。

 列のグループ化

上のサンプルは、列の属性として<table>タグの下に

<col width="130" align="center" bgcolor="#ffe8ff">
<col width="100" align="center" span="2">

を記述しています。
グループ1は、一行目の

<col width="130" align="center" bgcolor="#ffe8ff">

です。
グループ2は、二行目の

<col width="100" align="center" span="2">

です。


 グループ2のように、複数の列に対して同じ属性等を指定したい場合は、<col>span属性を使用し、グループ化したい列の数を半角数字で記述します。 たとえば、<col span="2">とすれば、2つの列をまとめてグループ化することができます。

ブラウザ

  このタグは Internet Explorer に対応しています。 このタグは Netscape に対応しています。

使用頻度

  (3/5)

▼ テーブルの作成・設定
テーブルを作成する
テーブルの設定をする
テーブルのサイズを指定する
テーブルの背景色を指定する
テーブルの背景画像を指定する
テーブル名を付ける
テーブル名の表示位置を指定する
テーブルの下から文書を始める
テーブルの表示位置を指定する
テーブルの外側に余白を設定する
▼ 枠線
枠線を表示する
枠線の設定をする
枠線の色を指定する
枠線の幅を指定する
枠と文書の間隔を指定する
外枠線の太さを指定する
外枠線を一部消す
外枠線を立体的にする
▼ セルの設定
セルの設定をする
セル内に見出し作成する
セルのサイズを指定する
セルの背景色を指定する
セルの背景画像を指定する
セル内の文書の表示位置を指定する
セル内の改行を禁止する
セルを縦方向につなげる
セルを横方向につなげる
▼ グループ化
行をグループ化する
列をグループ化する
列の属性をまとめて設定する

属性 解説
width
この属性は Internet Explorer に対応しています。 この属性は Netscape に対応しています。
ピクセル、%

列の横幅を指定する
(例)<col width="100">

align
この属性は Internet Explorer に対応しています。
left

セル内の文書を左揃えにする
(例)<col align="left">

center

セル内の文書を中央揃えにする
(例)<col align="center">

right

セル内の文書を右揃えにする
(例)<col align="right">

valign
この属性は Internet Explorer に対応しています。
top

セル内の文書を上揃えにする
(例)<col valign="top">

middle

セル内の文書を中央揃えにする
(例)<col valign="middle">

bottom

セル内の文書を下揃えにする
(例)<col cellpadding="bottom">

baseline

セル内の文書を上揃えにする
(例)<col cellpadding="baseline">

bgcolor
この属性は Internet Explorer に対応しています。

セル内の背景色を指定する
(例)<col bgcolor="red">
(例)<col bgcolor="#ff0000">

span
この属性は Internet Explorer に対応しています。 この属性は Netscape に対応しています。
列数

グループ化する列の数を指定する
(例)<col span="3">

共通属性

classtitlestyleid

サンプルソース 表示例(IE)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE>サンプルページ</TITLE>
</HEAD>
<BODY>

<TABLE border="1">
<col width="130" align="center" bgcolor="#ffe8ff">
<col width="100" align="center" span="2">

<TR>
<TD>商品名</TD>
<TD>商品番号</TD>
<TD>商品価格</TD>
</TR>
<TR>
<TD>スモールライト</TD>
<TD>1-100</TD>
<TD>300円</TD>
</TR>
<TR>
<TD>ダックモービル</TD>
<TD>1-107</TD>
<TD>700円</TD>
</TR>
<TR>
<TD>しびれおにぎり</TD>
<TD>2-098</TD>
<TD>200円</TD>
</TR>
</TABLE>

</BODY>
</HTML>

サンプルページ
※上記のサンプルソースで記述されたHTMLファイルを、
お使いのブラウザでご覧いただけます。


関連ページ


PAGE TOP
トップページ 戻る コミュニティ リンク ヘルプ



アクセス 昨日 今日 Copyright (C) NEWCREDGE GROUP All Rights Reserved.