HTML & CSS - セル内のテキストの行揃えを変更する
セル内のテキストの行揃えを変更する
セル内のテキストの行揃えを変更するには、CSS の text-align
、vertical-align
プロパティで定義します。
text-align
- テキストの水平方向の行揃えを変更します。
vertical-align
- テキストの垂直方向の行揃えを変更します。
<table>
<caption> 表のタイトル </caption>
<thead>
<tr>
<th> 見出しセル </th>
</tr>
</thead>
<tbody>
<tr>
<td> データセル </td>
</tr>
</tbody>
</table>
セル内のテキストの行揃えを変更する - HTML
thead th{
text-align: center;
}
tbody td{
text-align: right;
vertical-align: top;
}
セル内のテキストの行揃えを変更する - CSS