HTML <ruby>: 루비 표기 요소

HTML <ruby> 요소는 기준 텍스트의 위, 아래, 옆에 작게 글자를 추가하는 글자를 나타내며, 주로 동아시아 문자의 발음을 표기할 때 사용합니다. 다른 텍스트를 추가할 때도 사용할 수는 있으나 흔히 쓰이지는 않습니다.

”루비”라는 이름은 활자 규격의 명칭에서 가져온 것입니다. 자세한 정보는 위키백과의 루비 문자를 참고하세요.

<ruby><rt></rt><rt></rt><rt></rt> </ruby>
ruby {
  font-size: 4em;
}

불러오는 중...

특성

전역 특성만 포함합니다.

예제

<ruby><rp>(</rp><rt></rt><rp>)</rp><rp>(</rp><rt></rt><rp>)</rp><rp>(</rp><rt></rt><rp>)</rp> </ruby>
body {
  font-size: 1.5em;
}

불러오는 중...

단어별 표기

<ruby> 韓國語 <rp>(</rp><rt>한국어</rt><rp>)</rp> </ruby>
body {
  font-size: 1.5em;
}

불러오는 중...

명세

HTML Living Standard

브라우저 호환성

IEEdgeChromeSafariFirefoxiOS SafariAndroid WebViewAndroid ChromeAndroid FirefoxSamsung Internet
ruby
MDN browser-compat-data

같이 보기

  • 루비 표기의 구성 요소: <rt>, <rp>