ruby-position･･･ルビの表示位置を指定する（IEがCSS3の草案を先行採用）

above

ルビがふられるテキストの上部にルビが表示されます。

inline

ルビがふられるテキストの後ろにルビが表示されます。

HTMLソース

<ruby style="ruby-position: above"><rb>枸橘<rt>からたち</ruby><br>
<ruby style="ruby-position: inline"> <rb>枸橘<rt>からたち</ruby>

↓↓↓

ブラウザ上の表示

枸橘からたち
枸橘からたち

ruby-align･････････････ルビの行揃え位置を指定する（IEが独自に採用）
ruby-overhang･････････ルビの表示領域を指定する（IEが独自に採用）
ruby-position･･････････ルビの表示位置を指定する（IEが独自に採用）