2020.02.12 2023.01.05

<caption>要素の使い方・サンプルコード

Sara

<caption>
属性
- グローバル属性
使用例
対応ブラウザ
関連するタグ

<caption>

<caption>要素は、テーブルのタイトル・キャプションを表します。

<caption> 要素を使う場合は <table> 要素の最初の子要素として書く必要があります。

タイトルの表示位置は CSS の caption-side プロパティで変更することができます。

デモ：caption要素

属性

* align 属性は廃止されました。

グローバル属性

全ての HTML 要素に共通して使用できるグローバル属性はこちら

使用例

HTML

<table>
<caption>商品一覧</caption>
<tr>
  <th>商品名</th>
  <th>値段</th>
</tr>
<tr>
  <td>商品A</td>
  <td>&yen;1000</td>
</tr>
<tr>
  <td>商品B</td>
  <td>&yen;1500</td>
</tr>
<tr>
  <td>商品C</td>
  <td>&yen;2000</td>
</tr>
</table>

実行結果

その他サンプルはこちら：<table>要素の使い方・サンプルコード – HTMLリファレンス

対応ブラウザ

関連するタグ

<col>：テーブル列
<colgroup>：テーブル列のグループ
<table>：テーブルを作成
<tbody>：テーブル本体部分の行グループ
<td>：セル
<tfoot>：フッターの行グループ
<th>：見出しセル
<thead>：ヘッダーの行グループ
<tr>：テーブル行

HTML タグ一覧はこちら

0 Comments

Inline Feedbacks

View all comments

ABOUT ME

<caption>要素の使い方・サンプルコード

<caption>

属性

グローバル属性

使用例

対応ブラウザ

関連するタグ

<input type="number">の使い方・サンプルコード

<tfoot>要素の使い方・サンプルコード

<dd>要素の使い方・サンプルコード

<data>要素の使い方・サンプルコード

<input type="password">の使い方・サンプルコード