TOPページ >  テーブルを作成する > セル内の文字/画像の縦方向表示位置を指定する

セル内の文字/画像の縦方向表示位置を指定する

テーブル(ホームページやブログなどのウェブサイトで表示する表)のセル内の文字や画像は、縦方向の位置を指定することができます。<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>

このソースを表示させると、次のようになります。

このセルは、上詰めで表示します。
このセルは、中央揃えで表示します。
このセルは、下詰めで表示します。

この指定で、文字だけでなく 画像やボタンなどセル内に配置するいろいろなものの表示位置指定できます

ランキングに参加中です! お役に立てたらクリックをお願いします→

同一カテゴリ内一覧
テーブルの余白などのスタイルを指定する
テーブル自動作成フォーム2
セル内の文字/画像の縦方向表示位置を指定する
セル内の文字/画像の横方向表示位置を指定する
セル内の余白を指定する
セルとセルの間隔を指定する
テーブルの背景画像を表示する
テーブルの背景色を指定する
テーブル枠の色を指定する
テーブルに枠をつける
テーブルの左右に文字/画像を回り込ませる
テーブルに表題をつける
セルのサイズを指定する
テーブルのサイズを指定する
テーブルに画像やボタンを表示する
横にまたがるセルを作る
縦にまたがるセルを作る
テーブルを作成する
テーブル自動作成フォーム
IEの方はこちらから当サイト ブックマークできます。
ランキング参加中!お役に立てたら クリックをお願いします。
当サイト掲載カテゴリは
Yahoo! JAPAN コンピュータとインターネット > データ形式 > HTML > リファレンス