Simple HTMLHTMLリファレンス

Main Menu

おすすめリンク

Site Info.

CSSプロパティ

HTMLリファレンス

CSSリファレンス

その他の記事

CSSリファレンス インデックス

スポンサーリンク

CSSリファレンス

TEXTテキストTOPCSSPropertiesText

  1. colorテキストの色
  2. directionテキストの記述方向
  3. letter-spacingテキスト文字の間隔
  4. text-alignテキストの横方向の位置揃え
  5. text-decorationテキストの装飾
  6. text-indentテキストのインデント距離の指定
  7. text-transformテキストの大文字化と小文字化
  8. unicode-bidiUnicodeの文字方向の制御
  9. vertical-alignテキストの縦方向の位置揃え
  10. white-space半角スペース・タブ・改行の扱い
  11. word-spacing単語間の半角スペース幅

vertical-alignテキストの縦方向の位置揃え

プロパティの値baseline | sub | super | top | text-top | middle | bottom | text-bottom | <percentage> | <length> | inherit
初期値baseline
対象要素インライン要素、テーブルセル要素(th,td)
継承しない
%現在要素の'line-height'に対する割合
メディアvisual
W3C Ref.CSS2.1CSS3

プロパティの書式と機能

vertical-alignプロパティは、テキストの行やテーブルセル内における縦方向の位置合せを指定します。<length>や<percentage>による指定はbaselineを基準とした縦方向の距離を表し、マイナス値は下方向への位置を表します。

プロパティの書式機能
vertical-align: baselineテキストの縦位置を標準のbaselineに合わせる
vertical-align: sub※図を参照
vertical-align: super※図を参照
vertical-align: top※図を参照
vertical-align: text-top※図を参照
vertical-align: middle※図を参照
vertical-align: bottom※図を参照
vertical-align: text-bottom※図を参照
vertical-align: <percentage>縦位置を<percentage>で指定する
vertical-align: <length>縦位置を<length>で指定する
vertical-align: inherit継承

EXAMPLE

line-height

vertical-align:baseline sub super top text-top middle bottom text-bottom

vertical-align:0 0.5em 2em -0.5em -2em 50% 100% -50% -100%

スポンサーリンク
Copyright (C) 2010 Simple HTML. All Rights Reserved.