HTML <rp> ルビの代替表示用括弧要素

試してみましょう

<ruby>
  漢 <rp>(</rp><rt>kan</rt><rp>)</rp> 字 <rp>(</rp><rt>ji</rt><rp>)</rp>
</ruby>

ruby {
  font-size: 2em;
}

属性

この要素にはグローバル属性以外の属性はありません。

使用上のメモ

• ルビは日本語のふりがなや台湾語の注音符号など、東アジア言語で発音を示すものです。<rp> 要素は <ruby> 要素に対応していない場合に使用されます。<rp> 要素の内容は、ルビの存在を示すために何を表示すべきか（通常は括弧）を示します。

例

ルビの使用

この例はそれぞれの文字に等価なローマ字を表示するためのにルビを使用しています。

<ruby>
  漢 <rp>(</rp><rt>Kan</rt><rp>)</rp> 字 <rp>(</rp><rt>ji</rt><rp>)</rp>
</ruby>

body {
  font-size: 22px;
}

このブラウザーでは次のように見えます。

それ以外の例は <ruby> 要素の記事を参照してください。

ルビ対応なし

上記の HTML は、ルビの対応がないブラウザーで表示すると、このように見えるかもしれません。

漢 (Kan) 字 (ji)

body {
  font-size: 22px;
}

技術的概要

仕様書

ブラウザーの互換性

関連情報

• <ruby>
• <rt>
• <rb>
• <rtc>
• CSS ルビレイアウトモジュール