ruby-align Baseline است به تازگی در دسترس است

Mariko Kosaka

تاریخ انتشار: 21 فوریه 2025

عنصر HTML <ruby> به شما امکان می دهد حاشیه نویسی آوایی یا سایر اطلاعات تکمیلی را در بالا یا کنار متن اصلی نمایش دهید. معمولاً در زبان های آسیای شرقی استفاده می شود.

یک عنصر <ruby> از دو بخش اصلی تشکیل شده است، پایه یاقوت که متن اصلی است و متن یاقوت که متن حاشیه نویسی است که با عنصر <rt> علامت گذاری شده است.


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

حاشیه نویسی یاقوتی انگلیسی "Emoji" روی یک متن ژاپنی.
تلفظ انگلیسی به عنوان حاشیه نویسی روی متن پایه ژاپنی.

ruby-align

ویژگی ruby-align CSS تراز کردن متن پایه یاقوت و متن حاشیه نویسی یاقوت را کنترل می کند. این ویژگی یکی از مقادیر کلیدواژه را می‌پذیرد، space-around ، space-between ، start و center .

حاشیه نویسی یاقوت پینیین روی یک متن چینی.
تصویری که مورد استفاده را برای ویژگی ruby-align نشان می دهد.