<列>


HTML <col> タグ

インスタンス

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<table border="1">
  <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></td>
  </tr>
  <tr>
    <td>5869207</td>
    <td>My first CSS</td>
    <td></td>
  </tr>
</table>

</body>
</html>

インスタンスを実行»

「インスタンスを実行」ボタンをクリックしてオンラインインスタンスを表示


ブラウザサポート

1000.png

すべての主要ブラウザ すべて<col> タグをサポートします。


タグの定義と使用方法

<col> タグは、<colgroup> 要素内の各列の列属性を指定します。

<col> タグを使用すると、各セルや行のスタイルを繰り返し設定しなくても、列全体にスタイルを適用できます。


HTML 4.01 と HTML5 の違い

HTML 4.01 の属性のほとんどは HTML5 ではサポートされなくなりました。


HTML と XHTML の違い

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

XHTML では、<col> タグを正しく閉じる必要があります。


プロパティ

プロパティ説明
整列
そう
センター
正当化する
char
HTML5 はサポートされていません。 <col> 要素に関連付けられたコンテンツの水平方向の配置を指定します。
charcharacterHTML5 はサポートされていません。 <col> 要素に関連するコンテンツをどの文字で揃えるかを指定します。
charoffnumberHTML5 はサポートされていません。 最初に位置合わせされた文字のオフセットを指定します。
spannumber <col>要素がまたがる列の数を指定します。
ヴァライントップ
真ん中

ベースライン
HTML5 はサポートされていません。 <col> 要素に関連付けられたコンテンツの垂直方向の配置を指定します。
%
ピクセル
Relative_length
HTML5 はサポートされていません。 <col> 要素の幅を指定します


グローバル属性

<col> タグは HTML グローバル属性をサポートします。


イベント属性

<col> タグは HTML イベント属性をサポートします。