<td align=””>
<td>タグに「align=””」という属性を追加すると、セルに記入された文字の表示位置を調整できます。横方向の表示位置は3段階に調節でき、「左寄せ、中央(センタリング)、右寄せ」が可能です。
「align=””」に記入する値はそれぞれ「left(左)、center(中央)、right(右)」です。 なお、初期位置(設定しない場合)は左寄せ(left)です。
記述例
<table>
<tr>
<td align=”left”>セル左寄せ</td>
<td align=”center”>セル中央揃え</td>
<td align=”right”>セル右寄せ</td>
</tr>
</table>
<tr>
<td align=”left”>セル左寄せ</td>
<td align=”center”>セル中央揃え</td>
<td align=”right”>セル右寄せ</td>
</tr>
</table>
セル左寄せ | セル中央揃え | セル右寄せ |
※分かりやすくするために枠を表示しています。
<td>タグではなく、<tr>タグに同じように「align=””」の属性を指定すると、行単位でセルの横方向の表示位置を調整することができます。
また、セルの縦方向の表示位置を指定する「valign=””」属性と併用が可能です。
本属性は本来スタイルシートで表現することが推奨されています。(HTML5ではalign属性は廃止されました。)
関連情報
- テーブルタグ一覧
-
- 表を挿入する
- 表の枠を指定する、または枠を消す
- 表全体の横幅をサイズ指定する
- 表全体の縦幅をサイズ指定する
- 表の罫線の幅をサイズ指定する
- 表のセル内の余白(マージン)を指定する
- 表全体の背景色を設定する
- 表全体の背景画像を設定する
- 表の表示位置を指定する
- 表の概要や要約を記入する
- 表題(表のタイトル)を記入する
- 行単位で背景色を設定する
- 行単位で背景画像を設定する (#)
- セルごとに横幅をサイズ指定する
- セルごとに縦幅をサイズ指定する
- セルごとに背景色を設定する
- セルごとに背景画像を指定する
- セル内に記入した文字の横方向の表示位置を指定する
- セル内に記入した文字の縦方向の表示位置を指定する
- 横方向にセルを結合する
- 縦方向にセルを結合する
- セル内で自動的に改行をさせない
- 表の見出しを指定する
- 表の構造を明確にする(グループ化する)