<caption> - テーブルの表題

■ 概要

項　　目説　　明
記述形式 <caption>～</caption>
対応ブラウザー H3+ / e2+ / N2+ / Fx1+ / Op6+ / Ch1+ / Sa1+
種　　類
（カテゴリー）		 なし
置ける場所 table要素に含まれる１番目の子要素
内包要素
（コンテンツ・モデル）		 フロー・コンテンツ ［ただし，子孫に table要素を含まないこと］
（コンテンツ・モデル: カテゴリー）

■ 解説

<caption> は，テーブルの表題を記入するために用います。　<table> の直後に１回だけ記述できます。

表題の表示位置は記入位置と同じく既定でテーブルの上ですが，CSS の caption-sideプロパティを使用してテーブルの下に表示することも出来ます。　（下の例を参照。）

■ 属性

種　　類名　　称
【固有属性】 なし
【グローバル属性】 accesskey，class，contenteditable *， dir，
hidden *，id， lang，spellcheck *，style，
tabindex，title，translate *
【ARIA role属性】 で
指定可能な値 （役割）		 任意の値 （役割）
【ARIA aria-* 属性】 で
指定可能なもの		 ARIA グローバル状態とプロパティ，
指定可能な役割の任意の状態とプロパティ   

■ CSSプロパティ

種　　類名　　称
【よく使うもの】 caption-side                                

■ 使用例

HTMLソース
CSS
<head> ～ </head>		 
  <style type="text/css">
      <!--
      table, th, td { border: solid 1px #080808; }
      caption { caption-side: bottom; }
      -->
  </style>
HTML
<body> ～ </body>		 
<table>
   <caption>【県庁所在地一覧】</caption>
   <tr>
      <th>県名</th><th>県庁所在地</th>
   </tr>
   <tr>
      <td>宮城</td><td>仙台</td>
   </tr>
   <tr>
      <td>愛媛</td><td>松山</td>
   </tr>
   <tr>
      <td>沖縄</td><td>那覇</td>
   </tr>
</table>

ブラウザー 表示例
【県庁所在地一覧】
県名 県庁所在地
宮城 仙台
愛媛 松山
沖縄 那覇

■ 備考

上の例では，CSS による表題を表の下に記述する指定： { caption-side: bottom; } をしない場合は，このプロパティの既定値 "top" が適用されて，表の上に表題が表示されます。