انتقل إلى محتوى الدرس

Formatting Numbers With Counter عرض الرقم وتنسيقه بدالة counter

أتقن الترقيم التلقائي بالعدادات في لغة CSS لترتيب عناوين المقالات ومؤشرات الخطوات المتتابعة والفهارس الهرمية المتداخلة تلقائياً عبر أوراق الأنماط دون تعديل الأرقام يدوياً أو كتابة نصوص برمجية.
3 صفوف تعليمية
لغة CSS
0 مشاهدة

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

الصف 1 شرح توضيحي

تُخرج دالة counter() القيمة الحالية للعداد كنص داخل خاصية content. وتستخدم الدالة الأرقام القياسية decimal افتراضياً، لكن يمكنك تمرير معامل ثانٍ اختياري لتحديد نمط الترقيم مثل counter(step, decimal-leading-zero) لإظهار صفر بادئ 01, 02, 03، أو counter(part, upper-roman) للأرقام اللاتينية، أو counter(opt, upper-alpha) للحروف الأبجدية الكبيرة A, B, C.

ويمكن دمج كلمات ثابتة قبل الدالة أو بعدها في السطر نفسه مثل content: "Step " counter(step, decimal-leading-zero) " - " لإنتاج تسميات أنيقة ومتسقة.

الصف 2 معاينة حية

مختبر العدادات التلقائية التفاعلي

الصف 3 ملاحظة هامة