ホームページ楽々講座243

 漢字にルビを振る方法は「No.028」でご紹介しましたが、ルビの配置と割付を指定できます。

無花果いちじく <RUBY>無花果<RT>いちじく</RT></RUBY>
 指定なし("distribute-space" と同じ)
無花果いちじく <RUBY STYLE="ruby-align:distribute-space">無花果<RT>いちじく</RT></RUBY>
 両端にスペースを入れて均等に割り付ける
無花果いちじく <RUBY STYLE="ruby-align:distribute-letter">無花果<RT>いちじく</RT></RUBY>
 均等に割付ける
無花果いちじく <RUBY STYLE="ruby-align:center">無花果<RT>いちじく</RT></RUBY>
 中央に配置する
無花果いちじく <RUBY STYLE="ruby-align:line-edge">無花果<RT>いちじく</RT></RUBY>
 中央に配置、ルビが元の漢字より長ければ左寄せで配置する
無花果いちじく <RUBY STYLE="ruby-align:left">無花果<RT>いちじく</RT></RUBY>
 左寄せで配置する
無花果いちじく <RUBY STYLE="ruby-align:right">無花果<RT>いちじく</RT></RUBY>
 右寄せで配置する

 ルビの色を指定することもできます。

 <RT><FONT COLOR="red">いちじく</FONT></RT>

 <RT STYLE="color:brown">いちじく</RT>