ruby要素

TOPページに戻る > html入門

スポンサード リンク

rtc要素

HTML5以外ではXHTML1.1のみで使用できる要素です
ruby要素は文字の上にふりがなを振ることができる要素です
ruby要素はrb要素、rt要素、rp要素、rbc要素、rtc要素の親要素です
ruby(ルビ)はふりがなのことです
※ブラウザfirefoxとoperaが未対応です

使い方(書式)

<ruby></ruby>

ruby要素

対応ブラウザ ie6 ie7 ie8 ie9 ie10 ie11 google Chrome safari
要素の種類 インライン要素
内容となる要素 子要素の並べる順番があります。使い方は以下を参考にどうぞ
3つ方法があります
① rb要素、rt要素 「語句、ふりがな」
② rb要素、rp要素、rt要素、rp要素 「語句、(ふりがなにカッコ)」
③ rbc要素、rtc要素「複数の語句、複数のふりがな」
rbc要素はrb要素を子要素にします。rtc要素はrt要素を子要素にします

属性 説明
共通属性 html共通属性
イベント属性 htmlイベント属性

実際の指定方法

html

rubyとゆう語句にふりがなルビを振りました
<ruby>
  <rb>ruby</rb>
  <rp>(</rp><rt>ルビ</rt><rp>)</rp>
</ruby>

実際の表示

ruby (ルビ)

その他のデザインはcssでスタイルを指定





(C)2012 ホームページ作成無料