<rtc>: 루비 텍스트 콘테이너 요소

HTML <rtc> 요소는 <rb> 요소가 표시하는 문자의 의미에 대한 주석을 나타냅니다. <rb>는 발음(<rt>)과 의미(<rtc>) 둘 다 가질 수 있습니다.

HTML <rtc> 요소는 <rb> 요소가 표시하는 문자의 의미에 대한 주석을 나타냅니다. <rb>는 발음(<rt>)과 의미(<rtc>) 둘 다 가질 수 있습니다.

HTML

<ruby xml:lang="zh-Hant" style="ruby-position: under;">
    <rbc>
        <rb>馬</rb><rp>(</rp><rt>mǎ</rt><rp>)</rp>
        <rb>來</rb><rp>(</rp><rt>lái</rt><rp>)</rp>
        <rb>西</rb><rp>(</rp><rt>xī</rt><rp>)</rp>
        <rb>亞</rb><rp>(</rp><rt>yà</rt><rp>)</rp>
    </rbc>
    <rtc xml:lang="en" style="ruby-position: over;">
        <rp>(</rp><rt>Malaysia</rt><rp>)</rp>
    </rtc>
</ruby>

CSS

ruby {
  font-size: 2em;
}

콘텐츠 카테고리	없음.
가능한 콘텐츠	구문 콘텐츠 또는 `` 요소.
태그 생략	바로 뒤따르는 요소가 ``, ``, 다른 `<rtc>` 요소거나, 자신이 부모의 마지막 요소라면 닫는 태그를 생략할 수 있습니다.
가능한 부모 요소	`` 요소.
가능한 ARIA 역할	모두
DOM 인터페이스	`HTMLElement`

특성

이 요소는 전역 특성만 포함합니다.

예제

HTML

<div class="info">
  <ruby>
    <rbc>
      <rb>馬</rb><rt>마</rt> <rb>來</rb><rt>래</rt> <rb>西</rb><rt>서</rt>
      <rb>亞</rb><rt>아</rt>
    </rbc>
    <rtc>말레이시아</rtc>
  </ruby>
</div>

CSS

.info {
  padding-top: 10px;
  font-size: 36px;
}

명세

브라우저 호환성

같이 보기

<ruby>
<rp>
<rb>
<rt>
<rbc>