HTMLタグ/CSS一覧と初心者向けホームページ作成解説集:HTMLタグボード

HTMLタグボードのトップへ戻る ゼロから始めるホームページ作成講座 訪問者優位のWEBデザインTips インターネットで小遣い稼ぎ 今すぐ使える!便利ツール(HTMLタグ辞典など)


HTMLタグボードトップ >> 今すぐ使える!便利ツール >> HTMLタグ辞典 >> テーブルタグ >> セル内に記入した文字の縦方向の表示位置を指定する

テーブルタグ

セル内に記入した文字の縦方向の表示位置を指定する

<td valign="">

<td>タグに「valign=""」という属性を追加すると、セルに記入された文字の表示位置を調整できます。縦方向の表示位置は3段階に調節でき、「上揃え、中央(センタリング)、下揃え」が可能です。

「valign=""」に記入する値はそれぞれ「top(上)、middle(中央)、bottom(右)」です。 なお、初期位置(設定しない場合)は中央(middle)です。

タグをコピーする

記述例

<table border="1">
<tr height="50">
<td align="top">セル上揃え</td>
<td align="middle">セル中央揃え</td>
<td align="bottom">セル下揃え</td>
</tr>
</table>
セル左寄せ セル中央揃え セル右寄せ
※分かりやすくするために枠を表示しています。

☆ワンポイントアドバイス

<td>タグではなく、<tr>タグに同じように「valign=""」の属性を指定すると、行単位でセルの縦方向の表示位置を調整することができます。また、セルの横方向の表示位置を指定する「align=""」属性と併用が可能です。

参考

タグをコピーするには?

操作方法

→マウスでフォーム内に書かれたタグをクリックするとタグがハイライトするので、マウスの右クリックでコピーするか、キーボードの[Ctrl]+[C]を押すと、コンピュータのメモリに記憶されます。後は任意の場所に貼り付けてください。