caption要素

caption要素 表の題名 table要素の子要素

表の題名を付けることができます。table要素の中で一番初めに書きます。ブラウザで表示されるときはtable要素の上に中央揃えで表示されます。 caption要素はtable要素の子要素です。caption要素は単独では使いませんtable要素を使ったときにtr要素やtd要素といっしょに使います。
caption要素は省略できます。table要素にcaption要素をつけなくても問題ありません。

内容にできる要素

インライン要素 テキスト

<table border="1">
<caption>表の題名</caption>
<td>
<td>セル</td>
<td>セル</td>
</td>
</table>

実際の表示

表の題名

セル

セル

cssでデザインを指定する場合

html

<caption class="a">表の題名</caption>

css

横方向の配置

値には「left」左揃え「center」中央揃え「right」右揃え

caption.a { text-align: left; }

文字の大きさの指定

文字が大きすぎる場合や小さすぎる場合cssで文字の大きさを調整をします。

caption.a { font-size: 12px; }

文字の太さの指定

値には「bold」太字「normal」通常「bolder」やや太く「ligher」やや細く

caption.a { font-weight: normal; }

文字の斜体の指定

値には「italic」斜体（イタリック体）「normal」通常「oblique」斜体

caption.a { font-style: normal; }

文字色の指定

値には色を指定する値が使えます

caption.a { color: red; }

共通属性

指定できる共通属性

id属性 class属性 style属性 title属性 lang属性 dir属性

イベント属性

イベント属性