انتقل إلى محتوى الدرس
ابدأ رحلتك
فقرة فرعية #4 من درس: خصائص القوائم في لغة HTML

Reverse Counting with reversed الترقيم التنازلي بخاصية reversed

تعلم خصائص قوائم HTML: تحكم في ترقيم القوائم المرقمة عبر خصائص type و start و reversed و value، وافهم المنطق الدلالي للترقيم، واستبدل الخصائص القديمة المهملة بقواعد CSS العصرية.
5 صفوف تعليمية
لغة HTML
6,544 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي
تُعد خاصية reversed خاصية منطقية (Boolean Attribute) أضافها معيار HTML5 لعنصر <ol>. عند وجودها، يوجه المتصفح للعد التنازلي لبنود القائمة من الأعلى إلى الأدنى (مثل: 3، 2، 1).
الصف 2 شرح توضيحي
يقوم المتصفح بحساب رقم البداية تلقائياً استناداً إلى إجمالي عدد بنود <li> الموجودة (ما لم يتم تحديد قيمة start يدوياً)، ثم يتناقص تدريجياً حتى يصل إلى آخر بند في القائمة.
الصف 3 كود برمجي

Top Three Ranking Countdown Listقائمة تصنيف تنازلية بخاصية reversed

ترقيم تنازلي تلقائي من 3 إلى 1 باستخدام خاصية reversed المنطقية.
HTML 
<h4>Top 3 Performance Bottlenecks</h4>
<ol reversed>
  <li>Unindexed SQL Join Queries</li>
  <li>Uncompressed Raster Images</li>
  <li>Render-Blocking Third-Party Scripts</li>
</ol>
جرّب بنفسك
الصف 4 معاينة حية

Reversed Countdown List Renderمعاينة العد التنازلي التلقائي

عرض متصفح يوضح ترقيم البنود تنازلياً من 3 إلى 1.
الصف 5 ملاحظة هامة

جميع فقرات هذا الدرس (خصائص القوائم في لغة HTML)