最新のWeb開発のチュートリアル
 

HTML <col> Tag


3つの列の背景色を設定し<colgroup>および<col>タグ:

<table>
  <colgroup>
    <col span="2" style="background-color:red">
    <col style="background-color:yellow">
  </colgroup>
  <tr>
    <th>ISBN</th>
    <th>Title</th>
    <th>Price</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>My first HTML</td>
    <td>$53</td>
  </tr>
</table>
»それを自分で試してみてください

定義と使用法

<col>タグには、内の各列の列プロパティを指定し<colgroup>要素。

<col>タグには、行ごとに、代わりに各セルのスタイルを繰り返すことで、全体の列にスタイルを適用する場合に便利です。


ブラウザのサポート

素子
<col> はい はい はい はい はい

HTML 4.01とHTML5の違い

HTML 4.01の属性のほとんどは、HTML5でサポートされていません。


HTMLとXHTMLの違い

HTMLでは<col>タグには終了タグがありません。

XHTMLでは、 <col>タグが正しく閉じられなければなりません。


属性

属性 説明
align left
right
center
justify
char
HTML5でサポートされていません。
関連したコンテンツの配置を指定し<col>要素を
char character HTML5でサポートされていません。
関連したコンテンツの配置を指定します<col>文字に要素を
charoff number HTML5でサポートされていません。
コンテンツは、で指定した文字から文字数整列される指定しchar属性
span number 列の数を指定し<col>要素が及ぶべきを
valign top
middle
bottom
baseline
HTML5でサポートされていません。
関連したコンテンツの垂直方向の配置を指定し<col>要素を
width %
pixels
relative_length
HTML5でサポートされていません。
幅を指定し<col>要素を

グローバル属性

<col>タグもサポートし、グローバルは、HTMLの属性


イベント属性

<col>タグもサポートしています。イベントは、HTMLの属性


関連ページ

HTML DOMリファレンス: 列オブジェクト


デフォルトのCSS設定

ほとんどのブラウザが表示されます<col>次のデフォルト値を持つ要素を:

col {
    display: table-column;
}
»それを自分で試してみてください