Home
/
テキストの指定
/ 縦方向の位置の指定 :
vertical-align
縦方向の位置の指定 :
vertical-align
::: 書 式 :::
vertical-align
: 縦方向の位置
::: プロパティ値 :::
縦方向の位置には、下記の値を指定します。
top (上端合わせ)
middle(中央合わせ)
bottom(下端合わせ)
baseline(ベースライン合わせ)
text-top(テキストの上限合わせ)
text-bottom(テキストの下限合わせ)
super(上付き文字の位置に合わせる)
sub(下付き文字の位置に合わせる))
単位付きの数値(ベースラインを0とした値) => 「
単位について
」を参照
%(ベースラインを0とした行の高さに対する割合)
::: 解 説 :::
「
vertical-align
」プロパティで、インライン要素に対して指定し、縦方向の位置を設定します。
「th要素」または「td要素」に指定した場合は、下記のように揃えられます。
top = 上
middle = 中心
bottom = 下
baceline = セル内の最初の行のベースライン
::: 対応ブラウザ :::
IE
Firefox
Opera
Chrome
Safari
8
7
6
5.5
5
3.5
3
2
1.5
1
10
9
8
7
6
2
1
4
3
2
1
○
○
○
○
△
○
○
○
○
○
○
○
○
○
○
○
○
○
○
○
○
[ 対応状況 : ○=対応、△=一部対応、×=未対応 ]
::: サンプル :::
[ サンプル画面
]
スタイルシート(CSS) = 縦方向の位置の指定 =
スタイルシート(CSS) = 縦方向の位置の指定 =
「vertical-align: top」を指定
「vertical-align: middle」を指定
「vertical-align: bottom」を指定
</body> </html>
関連項目
CSSの基本
CSS機能別プロパティ一覧
CSSインデックス
テキストの指定
line-height
text-align
vertical-align
letter-spacing
word-spacing
text-indent
white-space
text-transform
Copyright (C) 2009 Html-Labs All Rights Reserved.
「th要素」または「td要素」に指定した場合は、下記のように揃えられます。