作って学ぶプログラミング講座

2020.02.09 2023.01.05

リファレンス

<rtc>要素の使い方・サンプルコード

Sara

目次

<rtc>
属性
- グローバル属性
使用例
対応ブラウザ
関連するタグ

<rtc>

<rtc>要素は、一つの文字列に対して複数のルビを振るときに使用します。

2020年4月現在、Firefox 以外のブラウザは未対応なのでご注意ください。

以下の要素を組み合わせて使用します。

<ruby>：ルビを振る
<rb>：ルビを振る文字
<rt>：ルビ文字列
<rp>：ルビ文字列を囲む記号

デモ：rtc要素

漢字かんじkanji （*Firefox以外は未対応です。）

属性

グローバル属性

全ての HTML 要素に共通して使用できるグローバル属性はこちら

使用例

HTML

<ruby>
  <rb>漢</rb>
  <rb>字</rb>
  <rtc>
    <rt>かん</rt>
    <rt>じ</rt>
  </rtc>
  <rtc>
    <rt>kan</rt>
    <rt>ji</rt>
  </rtc>
</ruby>

実行結果

Firefox

Firefox以外

対応ブラウザ

関連するタグ

<rb>：ルビを振る文字
<rp>：ルビ文字列を囲む記号
<rt>：ルビ文字列
<ruby>：ルビを振る

HTML タグ一覧はこちら

0 Comments

Inline Feedbacks

View all comments

ABOUT ME

Recommend

こちらの記事もどうぞ

<col>要素の使い方・サンプルコード

リファレンス

<input type="reset">の使い方・サンプルコード

リファレンス

<code>要素の使い方・サンプルコード

リファレンス

<input type="email">の使い方・サンプルコード

リファレンス

<input type="color">の使い方・サンプルコード

リファレンス

0

この記事にコメントするx

記事URLをコピーしました