ホーム>HTMLリファレンス(アルファベット検索)><caption>タグ
<caption>…表にタイトルを付ける
使用タグ
|
<caption 属性="属性値">〜</caption> |
開始タグと 終了タグ |
両方必須 |
内容となる 要素 |
インライン要素、テキスト
|
|
|
解説
<caption>タグを使えば、表(テーブル)にタイトルを付けることができます。<table>〜<table>の中の最初に記述します。
|
属性と働き
属性 |
働き |
指定できる値 |
align="位置"
非推奨
CSSでの指定…caption-side ※caption-sideプロパティはWindowsの Internet Explorer には対応していない |
キャプション(表のタイトル)の表示位置を指定できます
|
top(表の上に表示)
bottom(表の下に表示)
left(表の左に表示)
right(表の右に表示)
※「left」、「right」はブラウザによっては対応していないか表示の違いがあるので、これらの属性値の使用はおすすめできません |
使用例
記述例
<table border="1">
<caption>世界遺産</caption>
<tr>
<td>ドイツ</td>
<td>ケルン大聖堂</td> </tr>
<tr> <td>アメリカ</td>
<td>グランド・キャニオン国立公園</td> </tr>
<tr>
<td>スペイン</td> <td>サグラダ・ファミリア</td> </tr>
</table>
|
|
[ブラウザでの表示例]
ブラウザ |
世界遺産
ドイツ |
ケルン大聖堂 |
アメリカ |
グランド・キャニオン国立公園 |
スペイン |
サグラダ・ファミリア |
|
△ページトップへ
ホームページ初心者ガイド|
HTML|
CSS|
ホームページお役立ち情報|
ホームページレベルアップ情報|
その他