「HTML」captionでtableにタイトルを左寄せにする

2014年3月12日2021年12月1日

書式
caption{text-align:left;}
<caption>見出し</caption>
HTML の <caption> 要素は、表のキャプション (またはタイトル) を指定します
CSSのtext-alignプロパティでcaptionを左や右に寄せることができます。
テーブルのタイトルを指定します。
CSSのtext-alignでleft(左寄せ)を指定しています。

使用例

<style>
table{width:250px;border-collapse:collapse;}
table td{border: 2px solid #000;}
caption{text-align:left;}
</style>

<table>
<caption>captionで表のタイトルを表示</caption>
      <tr><td>山田 yamada</td></tr>
      <tr><td>大崎 oosaki</td></tr>
      <tr><td>山城 yamashiro</td></tr>
</table>