日本全国と中国のホームページ制作会社を比べてお見積もり

HTML編

ルビ(ふりがな)の位置揃えを指定する

ホームページやブログなどのウェブサイトに文章や文字を表示する際には 、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>

このソースを、RUBYタグ対応のブラウザで見ると、次のように表示されます。

ルビタグ対応ブラウザ表示例

一方、未対応のブラウザでは下記のように表示されます。

スタイルシート ( CSS )
スタイルシート ( CSS )

ご注意:Netscape は、RUBYタグ自体に対応していませんので使えません。

COPYRIGHT©2008~ ホームページ作成c3space ALLRIGHT RESERVED.