HTML & CSS - セル内のテキストの行揃えを変更する

セル内のテキストの行揃えを変更する

セル内のテキストの行揃えを変更するには、CSS の text-alignvertical-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
0
SHARE
Twitter
@murashun
お問い合わせ
murashun@gmail.com
ご質問(マシュマロ)
https://marshmallow-qa.com/murashun
ご支援(Stripe)
https://checkout.stripe.com/