サンプル表示結果

ルビの付与
Easy Studyイージースタディ

ruby未対応ブラウザでの表示
Easy Study(イージースタディ)
※未対応ブラウザでの表示は「表示位置の指定」の(文字と同行)と同じになります。

サンプルソース(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>の(文字と同行)と同じになります。


サンプル表示結果

表示位置の指定(文字の上)
Easy Study(イージースタディ)

表示位置の指定(文字と同行)
Easy Study(イージースタディ)


サンプルソース(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>


サンプル表示結果

表示位置の行揃え(中揃え)
Easy Study(イージースタディ)

表示位置の行揃え(右揃え)
Easy Study(イージースタディ)

サンプルソース(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>


トップページへ↑