スポンサード リンク
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>
実際の表示
セル | セル |
---|---|
セル | セル |