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

HTML編

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

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

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


爬虫類 (はちゅうるい)

一方、未対応のブラウザでは、

爬虫類 ( はちゅうるい )
爬虫類 ( はちゅうるい )

というふうに表示されます。
ruby-position に inline を指定した場合の見え方は、<ruby>タグ未対応のブラウザと同じようになります。

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