MDN Web Docs

Try it

<ruby>
  漢 <rp>(</rp><rt>kan</rt><rp>)</rp> 字 <rp>(</rp><rt>ji</rt><rp>)</rp>
</ruby>
ruby {
  font-size: 2em;
}

See the article about the <ruby> element for more examples.

Attributes

This element only includes the global attributes.

Examples

Using ruby annotations

This example provides Romaji transliteration for the kanji characters within the <ruby> element:

html

<ruby> 漢 <rt>Kan</rt> 字 <rt>ji</rt> </ruby>
body {
  font-size: 22px;
}

Result

Technical summary

Content categories None.
Permitted content Phrasing content.
Tag omission The end tag may be omitted if the <rt> element is immediately followed by an <rt> or <rp> element, or if there is no more content in the parent element
Permitted parents A <ruby> element.
Implicit ARIA role No corresponding role
Permitted ARIA roles Any
DOM interface HTMLElement

Specifications

Specification
HTML
# the-rt-element

Browser compatibility

See also

Help improve MDN

Yes No

Learn how to contribute

This page was last modified on by MDN contributors.

Read the original on developer.mozilla.org ↗