ルビにスタイルを設定

■＜ruby＞ﾀｸﾞのstyle属性に、width、background-color、color、font、borderを設定した例
日本橋にほんばし

■＜rt＞ﾀｸﾞのstyle属性に、width、background-color、color、font、text-align、text-decoration、borderを設定した例
大阪 日本橋ｵｵｻｶﾆﾎﾝﾊﾞｼ

■＜ruby＞ﾀｸﾞのstyle属性に”ruby-align:left”を設定した例
大阪 日本橋ｵｵｻｶﾆﾎﾝﾊﾞｼ　

■＜ruby＞ﾀｸﾞのstyle属性に”ruby-align:center”を設定した例
大阪 日本橋ｵｵｻｶﾆﾎﾝﾊﾞｼ　

■＜ruby＞ﾀｸﾞのstyle属性に”ruby-align:right”を設定した例
大阪 日本橋ｵｵｻｶﾆﾎﾝﾊﾞｼ　

■＜ruby＞ﾀｸﾞのstyle属性に”ruby-align:distribute-letter”を設定した例
大阪 日本橋ｵｵｻｶ　

■＜ruby＞ﾀｸﾞのstyle属性に”ruby-align:distribute-space”を設定した例
大阪 日本橋ｵｵｻｶ　

■＜ruby＞ﾀｸﾞのstyle属性に”ruby-position:above”を設定した例
大阪 日本橋ｵｵｻｶﾆﾎﾝﾊﾞｼ　

■＜ruby＞ﾀｸﾞのstyle属性に”ruby-position:inline”を設定した例
大阪 日本橋ｵｵｻｶﾆﾎﾝﾊﾞｼ　

ルビ専用スタイル

●ruby-align･･･文字とﾙﾋﾞの配置方法
＜ruby-align:auto＞･･･英文ではcenter、日本語にはdistribute-spaceに
＜ruby-align:left＞･･･文字列に対し左配置で
＜ruby-align:center＞･･･文字列に対し中央配置で
＜ruby-align:right＞文字列に対し右配置で
＜ruby-align:line-edge＞･･･ﾙﾋﾞが元の単語より短い場合は中央配置に、長い場合は左寄せに。 ﾙﾋﾞを均等に割り付け(ﾙﾋﾞのほうが長い場合は割り付けされない)
＜ruby-align:distribute-letter＞･･･ﾙﾋﾞを文字幅一杯に均等に割り付ける
＜ruby-align:distribute-space＞･･･両端にｽﾍﾟｰｽを入れて均等に割り付け

●ruby-position･･･ﾙﾋﾞの位置
＜ruby-position:above＞･･･(初期値)文字の上部にﾙﾋﾞをふる
＜ruby-position:inline＞･･･同じ行に、文字に続けてﾙﾋﾞをふる

end(01/10/16)