HOME >> 文書の設定を行う >> 文書の縦方向の配置を指定する


文書の縦方向の配置を指定する

文書の上詰め、下詰め、中央そろえを行います。
テーブルやボックス要素のタグ内で使用した場合は、そのボックス領域の範囲内で文書が配置されます。

STYLE = "vertical-align : 配置指定;"

[ 1行内での上下位置 ]
指定方法 意味
baseline 標準の指定位置
super 上寄せ
sub 下寄せ


[ ボックス領域内での上下位置 ]
指定方法 意味
top 上詰め
middle 中央揃え
bottom 下詰め



1行内での上下位置の指定
[ HTMLソース ]

<SAPN style="vertical-align: super ;">上寄せ (super)</SPAN>
<SPAN style="vertical-align: baseline ;">標準位置</SPAN>
<SPAN style="vertical-align: sub ;">下寄せ (sub)</SPAN>

  ↓

[ 表示結果 ]

   上寄せ (super)標準位置 (baseline)下寄せ (sub)



ボックス領域内での上下位置の指定
[ HTMLソース ]

<table>
  <tr>
    <td style="vertical-align: top ;">上詰め (top)</td>
    <td style="vertical-align: middle ;">中央揃え (baseline)</td>
    <td style="vertical-align: bottom ;">下詰め (bottom)</td>
  </tr>
</table>

  ↓

[ 表示結果 ]

上詰め (top) 中央揃え (middle) 下詰め (bottom)




関連ページ
  1. 文書の横方向の配置を指定する
  2. 文書の縦方向の配置を指定する
  3. インデントの設定
  4. 文字と文字の間隔を調整する
  5. 行間を調整する
  6. 文字の装飾
  7. 縦書き表示を行う
  8. 箇条書きの設定




| HOME | ご利用について | 推奨環境 | リンクについて | 規約・免責 | お問合せ | TOP |
(C)Copyright 2004 ミスティーネット Inc. All Right Reserved