ルビ（ふりがな）の表示位置を指定する
ホームページやブログなどのウェブサイトに文字を表示する際には <ruby>タグを使って文字にルビ（ふりがな）を付けてることができますが、この表示位置を指定をすることができます。
<ruby style="ruby-position:ルビの表示位置">～</ruby>
という記述になります。表示位置は、下記の中から指定できます。
| キーワード | ルビの表示位置 |
| above | 文字の上部 |
| inline | 文字と同行 |
サンプルソースです。
<ruby style="ruby-position:above">
爬虫類
<rp>（</rp> <rt>はちゅうるい</rt> <rp>）</rp>
<ruby><br>
<ruby style="ruby-position:inline">
爬虫類
<rp>（</rp> <rt>はちゅうるい</rt> <rp>）</rp>
<ruby>
爬虫類
<rp>（</rp> <rt>はちゅうるい</rt> <rp>）</rp>
<ruby><br>
<ruby style="ruby-position:inline">
爬虫類
<rp>（</rp> <rt>はちゅうるい</rt> <rp>）</rp>
<ruby>
このソースを、<ruby>タグ対応のブラウザで見ると、次のように表示されます。
爬虫類
一方、未対応のブラウザでは、
爬虫類 （ はちゅうるい ）
爬虫類 （ はちゅうるい ）
爬虫類 （ はちゅうるい ）
というふうに表示されます。
ruby-position に inline を指定した場合の見え方は、<ruby>タグ未対応のブラウザと同じようになります。
ランキングに参加中です! お役に立てたらクリックをお願いします→
同一カテゴリ内一覧
コンピュータとインターネット > データ形式 > HTML > リファレンス