ホームページやブログなどのウェブサイトに文章や文字を表示する際には 、RUBYタグを使って文字にルビ(ふりがな)を付けることができますが、このときに ふりがなの位置を指定することができます。
<ruby style="ruby-align:位置揃えの指定">~</ruby>
位置揃えの指定は、下記の中から選択できます。
| キーワード | 位置揃えの指定 |
| left | 右詰め |
| center | 中央揃え |
| right | 左詰め |
サンプルソースです。
<ruby style="ruby-align:left">
スタイルシート
<rp>(</rp> <rt>CSS</rt> <rp>)</rp>
<ruby><br>
<ruby style="ruby-align:right">
スタイルシート
<rp>(</rp> <rt>CSS</rt> <rp>)</rp>
<ruby>
スタイルシート
<rp>(</rp> <rt>CSS</rt> <rp>)</rp>
<ruby><br>
<ruby style="ruby-align:right">
スタイルシート
<rp>(</rp> <rt>CSS</rt> <rp>)</rp>
<ruby>
このソースを、RUBYタグ対応のブラウザで見ると、次のように表示されます。
一方、未対応のブラウザでは下記のように表示されます。
スタイルシート ( CSS )
スタイルシート ( CSS )
スタイルシート ( CSS )
ご注意:Netscape は、RUBYタグ自体に対応していませんので使えません。



