Subject : CSSで用いられるテキストの配置

カテゴリー  : Home page > スタイルシート

 文字の行揃え : text-align

 文字の行揃えを指定します。text-alignプロパティは、「P」や「DIV」 などのブロック単位で使用されるタグにのみ有効です。

●left
「左寄せ」に設定します。

●right
「右寄せ」に設定します。

●center
「中央揃え」に設定します。

●justify
「両端揃え」に設定します。

 文字の縦方向の位置揃え : vertical-align

文字の縦方向の位置揃えを指定します。vertical-alignプロパティは、 「EM」や「A」や「IMG」などのインラインで使用されるタグにのみ有効です。

●前後に依存する縦方向の位置を指定
指定した範囲を含む、親タグの内容に対する縦方向の位置を指定します。
baseline
指定した範囲の「baseline」と、それを含む範囲の「baseline」を揃えます。画像などの場合は「bottom」を揃えます。
middle
指定した範囲の縦方向の中心を、それを含む範囲の「baseline」に「x-height」の半分の高さを加えた位置に揃えます。
sub
文字を下付きで表示します。
super
文字を上付きで表示します。
text-top
指定した範囲の「top」と、それを含む範囲の文字の「top」を揃えます。
text-bottom
指定した範囲の「bottom」と、それを含む範囲の文字の「bottom」を揃えます。

●指定された範囲内での縦方向の位置を指定
top
指定した範囲内での「top」を揃えます。

bottom
指定した範囲内での「bottom」を揃えます。

●パーセントで指定
指定された範囲の「line-height」(行間)に対するパーセントで指定します。指定された範囲を含む範囲の「baseline」より、その分上に表示されます。マイナスの値を指定した場合は下側に表示されます。


   ⇒ テーブルのセルのボーダーと文字列配置
   ⇒ フォントの種類と大きさ
   ⇒ テキスト関連のCSSの例

[メニューへ戻る]  [HOMEへ戻る]  [前のページに戻る]