[CSS]text-alignでテーブルのタイトルを右寄せで指定するサンプル

2021年8月24日

書式
caption{text-align:right}

使用例

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<style>
caption{text-align:right}
table{width:200px;border-collapse:collapse;}
table td{border: 2px solid #000;}
</style>
<table>
<caption>タイトル</caption>
<tr><td>項目1 AA</td></tr>
<tr><td>項目2 BB</td></tr>
<tr><td>項目3 CC</td></tr>
</table>
<style> caption{text-align:right} table{width:200px;border-collapse:collapse;} table td{border: 2px solid #000;} </style> <table> <caption>タイトル</caption> <tr><td>項目1 AA</td></tr> <tr><td>項目2 BB</td></tr> <tr><td>項目3 CC</td></tr> </table>
<style>
caption{text-align:right}
table{width:200px;border-collapse:collapse;}
table td{border: 2px solid #000;}
</style>

<table>
<caption>タイトル</caption>
      <tr><td>項目1  AA</td></tr>
      <tr><td>項目2  BB</td></tr>
      <tr><td>項目3  CC</td></tr>
</table>

 

CSS

Posted by arkgame