ruby-align هي قاعدة أساسية متاحة حديثًا

Mariko Kosaka

تاريخ النشر: 21 شباط (فبراير) 2025

يتيح لك عنصر HTML <ruby> عرض تعليقات توضيحية صوتية أو معلومات تكميلية أخرى فوق النص الأساسي أو بجانبه. ويُستخدم عادةً في لغات شرق آسيا.

يتألّف عنصر <ruby> من جزأين رئيسيين، وهما قاعدة نص Ruby التي تشكّل النص الرئيسي ونص Ruby الذي يشكّل نص التعليق التوضيحي، ويتم وضع علامة عليه باستخدام عنصر <rt>.


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

تعليق توضيحي باللغة الإنجليزية بلغة Ruby يظهر كلمة &quot;إيموجي&quot; فوق نص ياباني
طريقة لفظ الكلمات باللغة الإنجليزية كتعليق توضيحي على النص الأساسي باللغة اليابانية

ruby-align

تتحكّم سمة CSS ruby-align في محاذاة النص الأساسي للغة Ruby ونص التعليق التوضيحي بلغة Ruby. يقبل الحقل إحدى قيم الكلمات الرئيسية، وهي space-around وspace-between وstart وcenter.

تعليق توضيحي باللغة الصينية المكتوبة بنظام بينيين على نص صيني
صورة تعرض حالة استخدام لسمة ruby-align