ruby-align이 기준선으로 새로 제공됨

Mariko Kosaka

게시일: 2025년 2월 21일

HTML <ruby> 요소를 사용하면 기본 텍스트 위 또는 옆에 발음 주석이나 기타 보충 정보를 표시할 수 있습니다. 동아시아 언어에서 흔히 사용됩니다.

<ruby> 요소는 두 가지 기본 부분으로 구성됩니다. 기본 텍스트인 루비 기반과 주석 텍스트인 루비 텍스트로, <rt> 요소로 마크업됩니다.


<ruby>
  絵文字
  <rt>emoji</rt>
</ruby>

일본어 텍스트 위에 영어 루비 주석 &#39;이모티콘&#39;
일본어 기본 텍스트에 주석으로 영어 발음 표시

ruby-align

ruby-align CSS 속성은 루비 기본 텍스트와 루비 주석 텍스트의 정렬을 제어합니다. 이 속성은 키워드 값 space-around, space-between, start, center 중 하나를 허용합니다.

중국어 텍스트 위에 병음 루비 주석
ruby-align 속성의 사용 사례를 보여주는 이미지