サンプル表示結果

サンプルソース（source）

ルビの付与<br>
<ruby><rb>Easy Study</rb><rt>イージースタディ</rt></ruby><br>
<br>
ruby未対応ブラウザでの表示<br>
<ruby><rb>Easy Study</rb><rp>(</rp><rt>イージースタディ</rt><rp>)</rp></ruby><br>
※未対応ブラウザでの表示は<font color="red">「表示位置の指定」</font>の（文字と同行）と同じになります。

サンプル表示結果

サンプルソース（source）

表示位置の指定（文字の上）<br>
<ruby style="ruby-position: above"><rb>Easy Study</rb><rp>(</rp><rt>イージースタディ</rt><rp>)</rp></ruby><br>
<br>
表示位置の指定（文字と同行）<br>
<ruby style="ruby-position: inline"><rb>Easy Study</rb><rp>(</rp><rt>イージースタディ</rt><rp>)</rp></ruby>

サンプル表示結果

サンプルソース（source）

表示位置の行揃え（中揃え）<br>
<ruby style="ruby-align: center"><rb>Easy Study</rb><rp>(</rp><rt>イージースタディ</rt><rp>)</rp></ruby><br>
<br>
表示位置の行揃え（右揃え）<br>
<ruby style="ruby-align: right"><rb>Easy Study</rb><rp>(</rp><rt>イージースタディ</rt><rp>)</rp></ruby>

トップページへ↑