ruby-align 已成為基準

Mariko Kosaka

發布日期:2025 年 2 月 21 日

您可以使用 HTML <ruby> 元素,在基本文字上方或旁邊顯示發音注解或其他補充資訊。這種字元通常用於東亞語言。

<ruby> 元素包含兩個主要部分:ruby base 是主要文字,ruby text 是註解文字,並以 <rt> 元素標記。


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

日文文字上的英文 Ruby 註解「Emoji」。
英文發音以註解方式顯示在日文基礎文字上。

ruby-align

ruby-align CSS 屬性可控制 Ruby 基礎文字和 Ruby 註解文字的對齊方式。這個屬性可接受以下任一關鍵字值:space-aroundspace-betweenstartcenter

中文文字上的注音標記。
圖片顯示 ruby-align 屬性的用途。