セル内の文字の位置を指定する

[新着] Webテンプレートを仮オープンしました


<tr align="" valign=""><td align="" valign="">

ブラウザ
Internet Explorer Netscape Firefox Opera

trタグやtdタグalign=""valign="" を追加すると、セル内の文字の位置を指定できます。


<td align="center" valign="top">


align="" は横方向、valign="" は縦方向の指定を行います。

align="" left … (左に表示します)
center … (中央に表示します)
right … (右に表示します)
valign="" top … (上部に表示します)
middle … (中央に表示します)
bottom … (下部に表示します)

thタグにもこの指定が行えます。

tdタグ(thタグ)ではセル単位、trタグでは行単位の指定になります。

メモ

この指定内容はスタイルシートで代替することができます。指定方法の詳細は「関連ページ」をご覧ください。


使用例

align(横方向)の指定を行った場合

<table border="1" width="400" height="100">
<tr>
<td align="left">左寄せ</td>
<td align="center">中央へ</td>
<td align="right">右寄せ</td>
</tr>
</table>

これをブラウザで見ると次のように表示されます

左寄せ 中央へ 右寄せ

valign(縦方向)の指定を行った場合

<table border="1" width="400" height="100">
<tr>
<td valign="top">上部</td>
<td valign="middle">中央</td>
<td valign="bottom">下部</td>
</tr>
</table>

これをブラウザで見ると次のように表示されます

上部 中央 下部

trタグとtdタグで指定を行った場合

<table border="1" width="400" height="100">
<tr align="center">
<td valign="top">上部</td>
<td valign="middle">中央</td>
<td valign="bottom">下部</td>
</tr>
</table>

これをブラウザで見ると次のように表示されます

上部 中央 下部


[特集] レンタルサーバー比較 & サーバー選びのチェックポイント

サイト内検索について - ベーシック版