セル内の文字/画像の縦方向表示位置を指定する
テーブル（ホームページやブログなどのウェブサイトで表示する表）のセル内の文字や画像は、縦方向の位置を指定することができます。<td>タグや<th>タグ内の valign属性で指定します。
<タグ名 valign="縦方向の表示位置">セル内の文章や画像</タグ名>
- タグ名： th または td タグを指定します。
-
縦方向の表示位置：下記の中から選択できます。
top 上詰めで表示 middle 中央配置 bottom 下詰めで表示
サンプルソースです。
<table border="1">
<tr><th valign="top" height="50">このセルは、上詰めで表示します。</th></tr>
<tr><td valign="middle" height="50">このセルは、中央揃えで表示します。</td></tr>
<tr><td valign="bottom" height="50">このセルは、下詰めで表示します。</td></tr>
</table>
<tr><th valign="top" height="50">このセルは、上詰めで表示します。</th></tr>
<tr><td valign="middle" height="50">このセルは、中央揃えで表示します。</td></tr>
<tr><td valign="bottom" height="50">このセルは、下詰めで表示します。</td></tr>
</table>
このソースを表示させると、次のようになります。
| このセルは、上詰めで表示します。 |
|---|
| このセルは、中央揃えで表示します。 |
| このセルは、下詰めで表示します。 |
この指定で、文字だけでなく 画像やボタンなどセル内に配置するいろいろなものの表示位置指定できます。
ランキングに参加中です! お役に立てたらクリックをお願いします→
コンピュータとインターネット > データ形式 > HTML > リファレンス