th要素

TOPページに戻る > html入門

th要素

th要素は表の見出しセルを指定します
th要素の内容になったテキストは太字で表示されます
th要素はtr要素の子要素です
th要素は単独では使いませんtable要素を使ったときにtr要素の内容として使います
太字はcssで簡単に変更できます

使い方（書式）

<th>セル</th>

th要素

対応ブラウザ
要素の種類	tr要素の子要素
内容となる要素	ブロック要素、インライン要素、テキスト

属性	説明
align属性	th要素の内容になっているセルのテキストの横の表示位置を指定 値にはleft、right、center、justify、char
valign属性	th要素の内容になっているセルのテキストの縦の表示位置を一括で指定 値にはtop、middle、bottom、baseline
colspan属性	横のセルを結合します。複数の列にあるセルをまとめて1つのセルで表示します 値にまとめたいセルの数をいれるとその数のセルが結合します
rowspan属性	縦にセルを結合します。複数の行にあるセルをまとめて1つのセルで表示します 値にまとめたいセルの数をいれるとその数のセルが結合します
width属性	th要素の表示サイズの横幅を指定します 値にはpxなどの単位、%で指定 推奨されない属性なのでcssのwidthプロパティで指定してください
height属性	th要素の表示サイズの高さを指定します 推奨されない属性なのでcssのheightプロパティで指定してください
background属性	ブラウザの独自に採用した属性でth要素の背景画像のurlを指定します cssのbackground-imageプロパティで指定してください
nowrap属性	th要素内でテキストの折り返しの設定を指定します 推奨されない属性なのでcssのwhite-spaceプロパティで指定してください
bgcolor属性	th要素の背景色を指定できます 推奨されない属性です。cssのbackground-colorプロパティを使ってください
abbr属性	音声ブラウザ用の属性。読み上げる省略した文字を指定します
axis属性	音声ブラウザ用の属性。セルを分類する文字を指定します
headers属性	音声ブラウザ用の属性。セルに関連する見出しセルの場所を示します 値には、半角英数字
scope属性	音声ブラウザ用の属性。見出しセルに関連するデータの場所の方向を示します 値には、row、col、rowgroup、colgroup
char属性	セルの内容の位置揃えとなる文字を指定します 対応しているブラウザはありません HTML5で廃止されました
charoff属性	char属性で位置揃えが指定された場合、charoff属性でその文字から水平方向に位置をずらして表示します 対応しているブラウザはありません HTML5で廃止されました
共通属性	html共通属性
イベント属性	htmlイベント属性

実際の指定方法

html

<table>
 <tr>
 <th>セル</th>
 <th>セル</th>
 </tr>
 <tr>
 <td>セル</td>
 <td>セル</td>
 </tr>
</table>

実際の表示

セル	セル
セル	セル

その他のデザインはcssでスタイルを指定