目次を飛ばして本文へ パン屑リストへ
関連プロパティ

ruby-align

auto | left | center | right | distribute-letter | distribute-space | line-edge
初期値 auto
適用 ruby
継承 しない
レベル MSIE5-
メディア visual

ルビのテキストの位置ぞろえをします。一般のテキストで言う'text-align'のようなものです。

キーワード解説
auto
UAに任せます。アジア形の文字のルビには[distribute-space]、ラテン形の文字のルビには[center]を採る事が推奨されています。
left
ルビのテキストを土台となる文字から見て左ぞろえにします。ルビのほうが土台よりも長かった場合の処理については書かれていません。
center
ルビのテキストを土台となる文字から見て中央ぞろえにします。ルビのほうが土台よりも長ければ、土台をルビの中央にそろえます。
right
ルビのテキストを土台となる文字から見て右ぞろえにします。ルビのほうが土台よりも長かった場合の処理については書かれていません。
distribute-letter
ルビのテキストを土台の幅に対して均等割り付けにします。ルビのほうが土台よりも長ければ、土台をルビに対して均等割り付けにします。
distribute-space
ルビのテキストを土台の幅に対して均等割り付けにします。ルビの直前・直後の空白はルビのカーニングに使用します。ルビのほうが土台よりも長ければ、土台をルビに対して均等割り付けにします。
line-edge
土台が行端に隣接していなければルビのテキストを中央ぞろえにします。隣接していれば、行端に合わせてそろえます。
注意点
  1. 'ruby-position'が[above]の場合のみ効果を現します。

page top
最終更新日:2018年07月18日
Copyright © 2002-2018 ばあど All Rights Reserved.