<ol>: عنصر OL

آخر تحديث: 2026-10-13

<ol>عنصر OL

عنصر <ol> (قائمة مرقمة) يعرّف قائمة مرقمة. الخاصية type تبدل نمط الترقيم، وstart تحدد قيمة البداية، وreversed تعكس الترتيب.

الفئةالقوائم
نموذج المحتوىصفر أو أكثر من <li> وعناصر داعمة للسكربت
العناصر الأم المسموحةأي عنصر يقبل المحتوى التدفقي
وسم الإغلاقنعم — يتطلب إغلاق </ol> وسم
الحالةقياسي

📝 البنية

<ol>
  <li>الخطوة الأولى</li>
  <li>الخطوة الثانية</li>
</ol>

⚙️ السمات

يدعم هذا العنصر السمات العامة بالإضافة إلى ما يلي:

السمةالقيمةالوصف
typeKeywordThe numbering style.
  • 1 — Decimal numbers (default).
  • a — Lowercase letters.
  • A — Uppercase letters.
  • i — Lowercase Roman numerals.
  • I — Uppercase Roman numerals.
startNumberThe starting number of the list.

الافتراضي: 1

reversedBooleanNumber in reverse (descending).

▶ مثال

عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:

🌐 دعم المتصفح

المتصفح ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
<ol> ✓ v1 ✓ v12 ✓ v1 ✓ v1 ✓ v1
مدعوم في جميع المتصفحات الرئيسية

❓ الأسئلة الشائعة

Qكيف تختار بين ol و ul؟
Aللترتيب ذي المعنى (خطوات وتصنيف وتدفق) <ol>؛ وللتوازي غير المرتب (قوائم وتنقل ووسوم) <ul>. وقاعدة الحكم: هل يغير خلط ترتيب البنود المعنى؟ إن نعم فـ ol. أما الترقيم والنقاط فيمكن تغييرهما بـ CSS، فالمعيار دلالي لا مظهري.
Qكيف تستخدم سمتَي start و reversed في ol؟
Astart='3' تجعل الترقيم يبدأ من 3 (لتعويض قائمة مقطوعة)؛ وreversed تجعله تنازليًا (كقائمة Top 10 من 10 إلى 1). ويمكن الجمع بينهما، وفي الترتيب التنازلي تمثل start أكبر رقم.
Qهل يمكن تخصيص نمط ترقيم ol؟
Aنعم: يوفر CSS list-style-type أنماطًا كـ decimal وlower-roman وcjk-ideographic (一二三)؛ وأكثر مرونة li::marker أو العنصر الزائف ::before لتخصيص مظهر الترقيم كليًا (لون وخط وأقواس).

📚 دروس ذات صلة

Web-Tutorial.com

فريق Web-Tutorial التقني

منصة دروس برمجية يديرها عدة مطورين. كل درس يتم كتابته ومراجعته بواسطة مطورين متخصصين في المجال. نعمل على ضمان دقة وموثوقية المحتوى — إذا لاحظت أي مشكلة، فيرجى إخبارنا.

100%