<ruby> * - ルビ(新)

■ 概要

項  目説  明
記述形式 <ruby>~</ruby>
対応ブラウザー H5+ / e5+ / Ch5+ / Sa4.1+
種  類
(カテゴリー)
フロー・コンテンツフレージング・コンテンツパルパブル・コンテンツ  
置ける場所 フレージング・コンテンツが記入できる場所
内包要素
(コンテンツ・モデル)
以下の順序に従う1個以上の組
1.1個以上の フレージング・コンテンツ または rb要素
2.1個以上の rt要素 または rtc要素
 [どちらも rp要素を直後,または,直前に伴ったもの]
(コンテンツ・モデル: 特殊

■ 解説

<ruby> は,ルビをふるために使用します。 使用例を参照してください。 <rb> はルビをふる対象(Ruby Base)を,<rt> はルビ文字列(Ruby Text)を指定します。 <rp> は,<ruby> 未対応ブラウザーでの表示が「紫陽花あじさいが咲いてます。」となってしまわないための括弧(Ruby Parentheses)を指定します。 </rb></rt></rtc>,および,</rp> は省略可能です。

このタグは日本から W3C に提案されて審議されていたものを IE5.0 が実装したものです。 仕様自体は 2001年5月31日に W3C の勧告になっています。

■ 属性

種  類名  称
【固有属性】 なし
【グローバル属性】 accesskeyclasscontenteditable * dir
hidden *idlangspellcheck *style
tabindextitletranslate *
【ARIA role属性】
指定可能な値 (役割)
任意の値 (役割)
【ARIA aria-* 属性】
指定可能なもの
ARIA グローバル状態とプロパティ
指定可能な役割の任意の状態とプロパティ   

■ CSSプロパティ

種  類名  称
【よく使うもの】

■ 使用例

HTMLソース
HTML
<body> ~ </body>
<ruby>
   紫陽花<rp>(</rp><rt>あじさい</rt><rp>)</rp>
</ruby>
が咲いてます。

ブラウザー 表示例
紫陽花 ( あじさい ) が咲いてます。

■ 備考