عنصر HTML <ruby> به شما امکان می دهد حاشیه نویسی آوایی یا سایر اطلاعات تکمیلی را در بالا یا کنار متن اصلی نمایش دهید. معمولاً در زبان های آسیای شرقی استفاده می شود.
یک عنصر <ruby> از دو بخش اصلی تشکیل شده است، پایه یاقوت که متن اصلی است و متن یاقوت که متن حاشیه نویسی است که با عنصر <rt> علامت گذاری شده است.
<ruby>
絵文字
<rt>emoji</rt>
</ruby>
تلفظ انگلیسی به عنوان حاشیه نویسی روی متن پایه ژاپنی.
ruby-align
ویژگی ruby-align CSS تراز کردن متن پایه یاقوت و متن حاشیه نویسی یاقوت را کنترل می کند. این ویژگی یکی از مقادیر کلیدواژه را میپذیرد، space-around ، space-between ، start و center .
تصویری که مورد استفاده را برای ویژگی ruby-align نشان می دهد.