ルビCSSプロパティの詳細とデモ

ruby-alignプロパティ - [公式(英語)]

ルビの行揃え位置を指定

<ruby>要素によってルビをふる場合のルビの行揃え位置を指定する際に使用できます

ブラウザのサポート状況

Internet Explorer 6 Internet Explorer 7 Internet Explorer 8 Internet Explorer 9 Firefox Google Chorme Safari Opera
× × × ×

プロパティ

autoブラウザが自動調整(初期値)
startルビを左寄せ
leftルビを左寄せ
centerルビを中央寄せ
endルビを右寄せ
rightルビを右寄せ
distribute-letterルビを均等に配置
distribute-spaceルビの前後にスペースが加えられたうえで、均等に配置
line-edge基本的には中央寄せですが、行末や行頭の場合に、行端に合わせてルビの配置が調整