Elements

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

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

· 2min read · 1 views

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

<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>
ruby {
  font-size: 2em;
}
콘텐츠 카테고리 없음.
가능한 콘텐츠 구문 콘텐츠 또는 <rt> 요소.
태그 생략 바로 뒤따르는 요소가 <rb>, <rt>, 다른 <rtc> 요소거나, 자신이 부모의 마지막 요소라면 닫는 태그를 생략할 수 있습니다.
가능한 부모 요소 <ruby> 요소.
가능한 ARIA 역할 모두
DOM 인터페이스 `HTMLElement`

특성

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

예제

<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>
.info {
  padding-top: 10px;
  font-size: 36px;
}

같이 보기

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

Related Docs

Elements

<strong>: 강한 중요 요소

<strong> HTML 요소는 강한 중요성, 중대함 혹은 긴급한 내용임을 나타냅니다. 브라우저는 일반적으로 이 내용을 굵은 글씨로 렌더링합니다. <p> ... the most...

1min read 1 views
Elements

<style>: 스타일 정보 요소

HTML <style> 요소는 문서나 문서 일부에 대한 스타일 정보를 포함합니다. <style> p { color: #26b72b; } code { font-weight: bold; } </styl...

2min read 3 views
Elements

<sub>: 아래 첨자 요소

HTML <sub> 요소는 활자 배치를 아래 첨자로 해야 하는 인라인 텍스트를 지정합니다. 아래 첨자는 보통 더 작은 글씨 크기를 가지고, 기준선을 아래로 내려 렌더...

2min read 3 views
Elements

<template>: 콘텐츠 템플릿 요소

HTML <template> 요소는 페이지를 불러온 순간 즉시 그려지지는 않지만, 이후 JavaScript를 사용해 인스턴스를 생성할 수 있는 HTML 코드를 담을 방법을 제공합...

1min read 3 views

Comments (0)

No comments yet. Be the first to comment!

Leave a Comment

로그인 후 댓글을 남길 수 있습니다.