ホーム HTML CSS XML JAVASCRIPT   PHP SQL MORE...   リファレンス 事例集    

HTML5 チュートリアル

HTML5 ホーム
HTML5 概要
HTML5 新しい要素
HTML5 ビデオ
HTML5 ビデオ/DOM
HTML5 オーディオ
HTML5 キャンバス
HTML5 Geolocation
HTML5 Web ストレージ

HTML5 フォーム

HTML5 Input タイプ
HTML5 フォーム要素
HTML5 フォーム属性

HTML5 リファレンス

HTML5 タグ
HTML5 属性
HTML5 イベント
HTML5 キャンバス 2d
HTML 妥当な DTD

HTML5 タグ

<!-->
<a>
<abbr>
<acronym>
<address>
<applet>
<area>
<article>
<aside>
<audio>
<b>
<base>
<basefont>
<bdi>
<bdo>
<big>
<blockquote>
<body>
<br>
<button>
<canvas>
<caption>
<center>
<cite>
<code>
<col>
<colgroup>
<command>
<datalist>
<dd>
<del>
<details>
<dfn>
<dir>
<div>
<dl>
<dt>
<em>
<embed>
<fieldset>
<figcaption>
<figure>
<font>
<footer>
<form>
<frame>
<frameset>
<h1> - <h6>
<head>
<header>
<hgroup>
<hr>
<html>
<i>
<iframe>
<img>
<input>
<ins>
<keygen>
<kbd>
<label>
<legend>
<li>
<link>
<map>
<mark>
<menu>
<meta>
<meter>
<nav>
<noframes>
<noscript>
<object>
<ol>
<optgroup>
<option>
<output>
<p>
<param>
<pre>
<progress>
<q>
<rp>
<rt>
<ruby>
<s>
<samp>
<script>
<section>
<select>
<small>
<source>
<span>
<strike>
<strong>
<style>
<sub>
<summary>
<sup>
<table>
<tbody>
<td>
<textarea>
<tfoot>
<th>
<thead>
<time>
<title>
<tr>
<track>
<tt>
<u>
<ul>
<var>
<video>
<wbr>

HTML5 <colgroup> タグ

<colgroup> と <col> タグによって3つの列の背景色を設定します:

<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>

Try it yourself »

ブラウザ・サポート

Internet Explorer Firefox Opera Google Chrome Safari

<colgroup> タグは、主要な全ブラウザがサポートしています。


定義と用法

<colgroup> タグは、フォーマットするテーブル内の1つ以上の列のグループを指定します。

<colgroup> 各セル、各行へスタイルを繰り返す代わりに、スタイルを全体の列に適用するのに便利です。

注: <colgroup> タグは、<caption> 要素の後で、全ての <thead>、<tbody>、<tfoot>、および <tr> 要素の前の、<table> 要素の子でなければなりません。

チップ: <colgroup> 内の列へ別な属性値を定義するには、<colgroup> タグ内へ <col> タグを使用します。


HTML 4.01 と HTML5 との相違点

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


属性

属性 説明
align left
right
center
justify
char
HTML5 ではサポートしていない
char character HTML5 ではサポートしていない
charoff number HTML5 ではサポートしていない
span number 結合する <colgroup> の列数を定義する
valign top
middle
bottom
baseline
HTML5 ではサポートしていない
width %
pixels
relative_length
HTML5 ではサポートしていない

グローバル属性

<colgroup> タグは、HTML5におけるグローバル属性 もサポートします。


イベント属性

<colgroup> タグは、HTML5におけるイベント属性 もサポートします。