cman.jpWEBページ作成
広告
<ruby> 「ルビの領域」[読み方：ルビ]
<ruby>タグは、文字に「ルビ」を振る時に使用します。
「ルビ」は、<ruby>タグ内に<rt>タグで指定します。
| HTML規格 | HTML4.01 | HTML5 |
|---|---|---|
| 使用可否 | × | ○ |
<ruby>は、HTML5で追加されたタグです
| ブラウザ別の対応状況 |
|---|
| 下記サイトで確認できます。 「Can I use」（英語のサイトです） |
広告
<ruby> の属性
【構文】
<ruby>”文字”
<rt>”ルビ”</rt>
</ruby>
<rt>”ルビ”</rt>
</ruby>
<ruby>タグのサンプル
文字ごとにルビを振るサンプル
<ruby>文<rt>も</rt>字<rt>じ</rt></ruby>ごとにルビを<ruby>振<rt>ふ</rt></ruby>るサンプルです。
文字ごとにルビを振るサンプルです。
ルビ未対応ブラウザを考慮したサンプル
<ruby>未対応<rp>（</rp><rt>みたいおう</rt><rp>）</rp></ruby>ブラウザを<ruby>考慮<rp>（</rp><rt>こうりょ</rt><rp>）</rp></ruby>したサンプルです。
対応ブラウザ表示例 ※非対応ブラウザで閲覧されている方は、非対応ブラウザでの表示例と同様に表示されます。
ルビ未対応ブラウザを考慮したサンプルです。
非対応ブラウザ ※表示イメージです。
ルビ未対応（みたいおう）ブラウザを考慮（こうりょ）したサンプルです。
留意事項
ページTOP| 関連するCSS(STYLE) | |
|---|---|
| ruby-align | ルビの揃え方 |
| ruby-merge | ルビの分割 |
| ruby-position | ルビの表示位置 |
広告