<ol>: عنصر OL
آخر تحديث: 2026-10-13
<ol>عنصر OL
عنصر <ol> (قائمة مرقمة) يعرّف قائمة مرقمة. الخاصية type تبدل نمط الترقيم، وstart تحدد قيمة البداية، وreversed تعكس الترتيب.
| الفئة | القوائم |
|---|---|
| نموذج المحتوى | صفر أو أكثر من <li> وعناصر داعمة للسكربت |
| العناصر الأم المسموحة | أي عنصر يقبل المحتوى التدفقي |
| وسم الإغلاق | نعم — يتطلب إغلاق </ol> وسم |
| الحالة | قياسي |
📝 البنية
<ol>
<li>الخطوة الأولى</li>
<li>الخطوة الثانية</li>
</ol>
⚙️ السمات
يدعم هذا العنصر السمات العامة بالإضافة إلى ما يلي:
| السمة | القيمة | الوصف |
|---|---|---|
type | Keyword | The numbering style.
|
start | Number | The starting number of the list. الافتراضي: |
reversed | Boolean | Number in reverse (descending). |
▶ مثال
عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:
🌐 دعم المتصفح
| المتصفح | |||||
|---|---|---|---|---|---|
| <ol> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| مدعوم في جميع المتصفحات الرئيسية | |||||
❓ الأسئلة الشائعة
Qكيف تختار بين ol و ul؟
Aللترتيب ذي المعنى (خطوات وتصنيف وتدفق)
<ol>؛ وللتوازي غير المرتب (قوائم وتنقل ووسوم) <ul>. وقاعدة الحكم: هل يغير خلط ترتيب البنود المعنى؟ إن نعم فـ ol. أما الترقيم والنقاط فيمكن تغييرهما بـ CSS، فالمعيار دلالي لا مظهري.Qكيف تستخدم سمتَي start و reversed في ol؟
A
start='3' تجعل الترقيم يبدأ من 3 (لتعويض قائمة مقطوعة)؛ وreversed تجعله تنازليًا (كقائمة Top 10 من 10 إلى 1). ويمكن الجمع بينهما، وفي الترتيب التنازلي تمثل start أكبر رقم.Qهل يمكن تخصيص نمط ترقيم ol؟
Aنعم: يوفر CSS
list-style-type أنماطًا كـ decimal وlower-roman وcjk-ideographic (一二三)؛ وأكثر مرونة li::marker أو العنصر الزائف ::before لتخصيص مظهر الترقيم كليًا (لون وخط وأقواس).