index.md

title	slug	l10n
<ruby>: ルビ注釈要素	Web/HTML/Element/ruby	sourceCommit e04d8d2766c468f149445c0bf438d09f9b2d188c

{{HTMLSidebar}}

<ruby> は HTML の要素で、ベーステキストの上、下、隣に描画される小さな注釈であり、よく東アジアの文字の発音を表すのに使われます。他の種類の注釈にも使われることがありますが、この使い方はあまり一般的ではありません。

ルビという言葉は写植者が使用した長さの単位に由来しており、読みやすさ保ったままテキストを新聞用紙に印刷できる最小のサイズを表します。

{{EmbedInteractiveExample("pages/tabbed/ruby.html", "tabbed-shorter")}}

コンテンツカテゴリー	フローコンテンツ, 記述コンテンツ, 知覚可能コンテンツ
許可されている内容	記述コンテンツ
タグの省略	なし。開始タグと終了タグの両方が必須です。
許可されている親要素	記述コンテンツを受け入れるすべての要素
暗黙の ARIA ロール	対応するロールなし
許可されている ARIA ロール	すべて
DOM インターフェイス	{{domxref("HTMLElement")}}

属性

この要素にはグローバル属性のみがあります。

例

例 1: 文字ごと

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

結果

{{EmbedLiveSample('Example 1: Character')}}

例 2: 熟語

<ruby> 明日 <rp>(</rp><rt>Ashita</rt><rp>)</rp> </ruby>

結果

{{EmbedLiveSample('Example 1: Word')}}

仕様書

{{Specifications}}

ブラウザーの互換性

{{Compat}}

関連情報

• {{HTMLElement("rt")}}
• {{HTMLElement("rp")}}
• {{HTMLElement("rb")}}
• {{HTMLElement("rtc")}}
• {{CSSxRef("text-transform")}}: full-size-kana