トップページ 利用規約 掲示板 サーバー紹介 レンタル紹介 素材屋紹介 リンクする 相互リンク
アフィリエイト 初心者 HTML TABLEタグ スタイルシート 色の見本 タグ練習 タグ辞典


スタイルシートの説明

ルビの位置 (サンプル)

無料素材屋 (むりょうそざいや)


無料素材屋 (むりょうそざいや)

※ 上が通常の状態で、下が実際に効果を反映したサンプルです。

ルビの位置 (詳細情報)
対応  Internet Explorer 5 ↑  (ブラウザの対応)
字体 ruby-position:★;
指定 ★の部分に下記の「 」内 の効果を指定していきます。
  • above」 文字の上にルビを指定。(初期状態)
  • inline」 文字の後ろ(右側)にルビを指定する。
効果 ルビをつける位置を指定することができます。
例1 <ruby style="ruby-align:center;ruby-position:inline; ">
<rb>
<font size="6">無料素材屋</font>
</rb>
<rp>
(</rp><rt>むりょうそざいや</rt><rp>)
</rp>
</ruby>
結果 無料素材屋 (むりょうそざいや)
解説 ルビタグに指定することによって、ルビの位置を指定できます。

▲上に移動