<td> - テーブルデータ

トップ > HTMLリファレンス > <td>

概要

項目説明
形式<td>~</td>
サポートH3 / e2 / Ch1 / Fx1 / Sa1 / Op1 / N2
カテゴリセクショニングルート
親要素tr要素
子要素フローコンテンツ
タグの省略開始タグ:必須 / 終了タグ:省略可能

説明

td は Table Data の略です。テーブルのセルの内容を記述します。

属性

【固有属性】
属性意味
colspan=nH3/e2/N2。セルを n個、横方向に連結します。
rowspan=nH3/e2/N2。セルを n個、縦方向に連結します。
headers=headersH4。このセルに対応する見出しセルのリストを、id 属性で指定します。
【ボーダー関連属性】
属性意味
bordercolor=colore2/Ch/Fx/Sa/Op/N4。枠線の色を指定します。
bordercolordark=colore2。立体的な枠線の暗い部分の色を指定します。
bordercolorlight=colore2。立体的な枠線の明るい部分の色を指定します。
【背景関連属性】
属性意味
background=urle3/Ch/Fx/Sa/Op/N4。背景画像を指定します。<table>, <tr>, <th> でも指定可能です。
bgcolor=colorH4T-4T/e2/Ch/Fx/Sa/Op/N3。背景色を指定します。<table>, <tr>, <th> でも指定可能です。
【配置関連属性】
属性意味
align=alignH3-H4/e2/Ch/Fx/Sa/Op/N2。セル内データの横方向の配置を指定します。HTML5 では廃止予定です。
  center:中央表示(H3/e2/Ch/Fx/Sa/Op/N2)
  char:指定文字揃え(H4)
  justify:均等割付(H4)
  left:左寄せ(H3/e2/Ch/Fx/Sa/Op/N2)
  right:右寄せ(H3/e2/Ch/Fx/Sa/Op/N2)
valign=valignH3-H4/e2/Ch/Fx/Sa/Op/N2。セル内データの縦方向の配置を指定します。HTML5 では廃止予定です。
  baseline:ベースライン揃え(H4/e2/Ch/Fx/Sa/Op/N2)
  bottom:下揃え(H3/e2/Ch/Fx/Sa/Op/N2)
  center:中央揃え(e2/Ch/Fx/Sa/Op/N2)
  middle:中央揃え(H3/e2/Ch/Fx/Sa/Op/N2)
  top:上揃え(H3/e2/Ch/Fx/Sa/Op/N2)
height=nH3-H4T/e2/N2。セルの高さを 300 のようなピクセル値、または 50% のようなパーセントで指定します。HTML5 では廃止予定です。
width=nH3-H4T/e2/N2。セルの横幅を 300 のようなピクセル値、または 50% のようなパーセントで指定します。HTML5 では廃止予定です。
nowrapH3-H4T/e2/N2。セル内データが自動改行されないようにします。HTML5 では廃止予定です。
char=charH4-4。位置揃えする文字を指定します。HTML5 では廃止予定です。
charoff=nH4-4。char 属性で指定した文字を、セルの左端からどのくらいの位置に表示するかのオフセットを指定します。HTML5 では廃止予定です。
【その他】
属性意味
abbr=abbrH4-4。主に <th> で使用します。セルの内容の省略情報を記述します。音声ブラウザがセルの概略を読み上げるのに役立ちます。HTML5 では廃止予定です。
axis=axisH4-4。多次元配列データのための軸情報などを記述します。HTML5 では廃止予定です。
scope=scopeH4-4。見出しセルに対して指定します。row はその見出しが列方向に対する見出しであること、col はその見出しが行方向に対する見出しであることを示します。HTML5 では廃止予定です。
【一般属性】
属性意味
accesskey=keyH4/e4/Ch2/Fx2/Sa3/Op12/N6/i1。アクセスキーを指定します。
class=classH4/e3/Ch1/Fx1/Sa1/Op1/N4。クラスを指定します。
contenteditable=boolH5/e55/Ch11/Fx3/Op10.6/Sa3.2。要素を編集可能にします。
dir=dirH4/e5/Ch5/Fx4/Sa6/Op25/N6。文字の表示方向を指定します。
hiddenH5/e/Ch/Fx/Sa/Op。要素を非表示にします。
id=idH4/e3/Ch/Fx/Sa/Op/N4。ID を指定します。
lang=langH4/e4/Ch/Fx/Sa/Op/N6。言語を指定します。
spellcheck=boolH5。スペルをチェックします。
style=styleH4/e3/Ch/Fx/Sa/Op/N4。スタイルシートを指定します。
tabindex=nH4/e4/Ch/Fx/Sa/Op/N6。タブインデックスを指定します。
title=titleH2/e2/Ch/Fx/Sa/Op/N6。タイトルを指定します。
translate=titleH5。翻訳可否を指定します。

使用例

<table> を参照してください。

関連タグ

<table><th>

Copyright (C) 1996-2015 杜甫々
初版:1996年9月10日 最終更新:2015年1月24日
http://www.tohoho-web.com/html/td.htm