<sup>: عنصر SUP
آخر تحديث: 2026-10-13
<sup>عنصر SUP
يعرّف نصًا علويًا يُعرض فوق خط الأساس، يُستخدم للهوامش (مثل x²) والأعداد الترتيبية.
| الفئة | تنسيق |
|---|---|
| نموذج المحتوى | محتوى نصي (عبارات) |
| العناصر الأم المسموحة | أي عنصر يقبل المحتوى النصي |
| وسم الإغلاق | نعم — يتطلب إغلاق </sup> وسم |
| الحالة | قياسي |
📝 البنية
<sup>نص علوي</sup>▶ مثال
عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:
🌐 دعم المتصفح
| المتصفح |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <sup> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| مدعوم في جميع المتصفحات الرئيسية | |||||
نصيحة： النص العلوي مثالي لأرقام الهوامش؛ اقرنه بـ <a> لعمل تعليقات قابلة للنقر.
❓ الأسئلة الشائعة
Qما الحالات النموذجية لاستخدام sup؟
Aأرقام الإحالات في الحواشي (الرمز ¹ يكتب
<sup>1</sup>) وأسس العمليات الرياضية (2ⁿ) ولاواحق الترتيب (st في 1st) وغيرها. يعرض النص فوق خط الأساس بخط أصغر، في مقابل <sub> (الرمز السفلي).Qهل يمكن استخدام sup و sub معًا؟
Aيمكن استخدامهما في موضعين مختلفين، لكن الحرف الواحد لا يمكن أن يكون رمزًا علويًا وسفليًا في آن واحد — فلا آلية تراكب في HTML. وللحاجة للتراكب (كترميز النويدات الكيميائية) استخدم
position: relative في CSS لتحديد موضع العنصرين يدويًا.Qكيف تحل مشكلة تأثير sup على ارتفاع السطر؟
Aبالمثل مع
<sub>: صعود الرمز العلوي يمد صندوق السطر. ضع line-height: 0 على <sup>، أو حاكِ الارتفاع يدويًا بـ vertical-align: baseline مع position: relative; top: -0.5em; font-size: 75% ليبقى تباعد الأسطر ثابتًا.🏷️ وسوم ذات صلة
💡 حالات ذات صلة
📚 دروس ذات صلة
