サンプル表示結果
ルビの付与サンプルソース(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>