English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML 参考手册

HTML 标签大全

HTML: <col> span 属性

この記事では、HTML col span 属性の使用方法、オンラインの例、ブラウザの互換性、構文定義、属性値の詳細情報などを紹介します。span属性は、<col>要素が跨る列数を定義します。

 HTML <col> タグ

オンラインサンプル

ここでは、前两列の背景色が青です:

!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML <col> span 属性使用-基础教程(oldtoolbag.com)</title>
<style>table, th, td {  border: 1px solid black;}</style>
</head>
<body>
<table>
  <colgroup>
    <col span="2" style="background-color:blue">
    <col style="background-color:pink">
  </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>
  <tr>
    <td>5869207</td>
    <td>My first CSS</td>
    <td>$49</td>
  </tr>
</table>
</body>
</html>
テストして見て‹/›

ブラウザ互換性

IEFirefoxOperaChromeSafari

すべての主要ブラウザが span 属性をサポートしています。

定義と使用法

span 属性は col 要素が横跨すべき列数を指定します。

HTML 4.01 HTML5の違い

NONE.

構文

<col span="number">

属性値

説明
numbercol 要素が横跨すべき列数を設定します。
 HTML <col> タグ