<td>

<tr>要素(行)内で、データ(内容)を表示するためのセルを作成する要素です。

ブラウザ

IE3 / IE4 / IE5 / IE5.5 / IE6 / N3 / N4 / N6 / N7 / O6 / O7 / O9 / Fx1 / Fx2 / IE5 mac

仕様

・構成
要素区分	エンドタグ	ネストできる要素	備考
<tr>要素の子要素	省略可	`flow` が何回か出現、もしくは出現しない。

・属性
属性名	必須	意味	値
abbr		非視覚ブラウザサポート：セルデータを省略した内容	任意のテキスト
axis		非視覚ブラウザサポート：より細かい分類を必要とする場合に記述	データに対する見出しになるセルのid値
headers		非視覚系ブラウザサポート：th要素のid属性を指定	データに対する見出しになるセルのid値
scope		非視覚ブラウザサポート：複数の行・列に対し、見出しを複数指定	`row` 指定したセルを含む行以下の部分の見出し情報を表す `col` 指定したセルを含む列以下の部分の見出し情報を表す `rowgroup` 指定したセルを含む行グループ以下の部分の見出し情報を表す `colgroup` 指定したセルを含む列グループ以下の部分の見出し情報を表す
rowspan		行単位のセル結合数	数値(規定値：1)
colspan		列単位のセル結合数	数値(規定値：1)
align		テキストの水平方向配置	`left` 左端 `center` 中央 `right` 右端 `justify` 両端揃え `char` char属性で指定した文字で揃える
char		テキストの配置の基準となる文字	配置の基準にしたい文字(alignでchar指定時に有効)
charoff		char属性の文字を基準とした距離	%かpx
valign		テキストの垂直方向配置	`top` 上端 `middle` 中央 `bottom` 下端 `baseline` ベースライン
nowrap		セル内での改行を禁止	nowrap
bgcolor		背景色	色コード・色名
width		要素の幅	%かpx
height		要素の高さ	%かpx
class		class名	スタイルシートを設定したclass名
id		id名	スタイルシートを設定したid名もしくは、任意のテキスト
title		説明文	任意のテキスト
style		スタイル	任意のスタイル
lang		言語コード	例(日本語)：ja
dir		読む方向	`rtl` 右から左に読む `ltr` 左から右に読む

・イベント
イベント	仕様
onclick	クリック時に発生
ondblclick	ダブルクリック時に発生
onmousedown	要素上でマウスボタンを押したときに発生
onmouseup	要素上でマウスボタンを離したときに発生
onmouseover	ポインティングデバイスが要素上を通過したときに発生
onmousemove	ポインティングデバイスが要素上で動くと発生
onmouseout	要素の領域から出るときに発生
onkeypress	要素上でキーが押されて、要素から離れたとき発生
onkeydown	要素上でキーが押されたとき発生
onkeyup	要素上で押されたキーを離したとき発生

▲PageTop

サンプル

ソースコード

<html>
  <head>
    <title>サンプルコード</title>
  </head>
  <body>
    <table border="1">
    <caption>表サンプル</caption>
      <tr>
        <th id="date">日付</th>
        <th>商品1販売個数</th>
        <th>商品2販売個数</th>
      </tr>
      <tr>
        <td headers="date" height="50" width="100" align="center">12/2</td>
        <td align="right">5</td>
        <td align="right">12</td>
        </tr>
      <tr>
        <td headers="date" height="50" align="center">12/3</td>
        <td align="right">10</td>
        <td align="right">11</td>
        </tr>
    </table>
  </body>
</html>

表示結果

表サンプル
日付	商品1販売個数	商品2販売個数
12/2	5	12
12/3	10	11

▲PageTop

<td>

ブラウザ

仕様

サンプル

ソースコード

表示結果

関連項目

HTML

CSS