خاصية إعادة ضبط العدّاد (counter-reset)
آخر تحديث: 2026-09-13
counter-reset خاصية إعادة ضبط العدّاد (counter-reset)
تنشئ counter-reset عدّاد CSS جديدًا وتُهيئه بالقيمة المعطاة (0 افتراضيًا). وهي الخطوة الأولى في الترقيم التلقائي وتُضبط عادةً على عنصر أصل. وبالاشتراك مع counter-increment ودالة counter() في content، يمكنها إنتاج أنظمة ترقيم متعددة المستويات معقدة.
| الفئة | |
|---|---|
| القيمة الأولية | none |
| موروث | لا |
| ينطبق على | |
| نوع الحركة | |
| إصدار CSS | CSS2 |
| الحالة | قياسي |
📝 التركيب
counter-reset: none | <counter-name> <integer>?;⚙️ القيم
| القيمة | النوع | الوصف |
|---|---|---|
none | كلمة مفتاحية | لا تُعِد الضبط |
<counter-name> <integer>? | القيمة | اسم العدّاد والقيمة الابتدائية |
▶ مثال
عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:
🌐 دعم المتصفحات
| المتصفح |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| counter-reset | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| مدعوم في جميع المتصفحات الرئيسية | |||||
تلميح： تُضبط counter-reset عادةً على الأصل لقائمة مرقّمة؛ وكل أصل ينشئ نطاق عدّاد مستقلاً.
❓ الأسئلة الشائعة
Qهل يمكن لـ counter-reset إعادة ضبط عدّاد موجود؟
Aنعم. تضبط counter-reset العدّاد المسمى بالقيمة المعطاة (0 افتراضيًا). في الهياكل المتداخلة، كل عنصر يُعلن counter-reset ينشئ نسخة عدّاد جديدة تحجب قيمة الأصل، مما يمنح كل قسم ترقيمًا مستقلاً. فإذا تجاوزت إعادة الضبط، يستمر الترقيم من نطاق الأصل.
Qكيف أجعل الترقيم يبدأ من 10؟
Aاستخدم counter-reset: myCounter 9; لضبط القيمة الابتدائية على 9، ثم تزيد counter-increment: myCounter بمقدار 1 في كل مرة، فيُخرج العنصر الأول 10. القيمة الابتدائية زائد واحد هي ما يُظهره العنصر الأول، لأن الزيادة تحدث قبل العرض — وتفصيل 'خطأ بمقدار واحد' يسهل تفويته.
Qأيهما يُنفَّذ أولًا، counter-reset أم counter-increment؟
Aعلى نفس العنصر، تنص المواصفات على أن counter-increment تُعالج قبل counter-reset. وفي الممارسة نادرًا ما يشتركان عنصرًا: الأصل يُعيد الضبط للتهيئة، والعناصر الفرعية تزيد، و content يعرض القيمة. ومعرفة ترتيب المعالجة تساعدك على تجنّب انحراف العدّادات عما تتوقعه في الهياكل المتداخلة.
Qماذا يفعل counter-reset: none؟
Aتعني none عدم إعادة ضبط أي عدّاد، فيحتفظ العدّاد بالقيمة الحالية من نطاق الأصل — وهو مفيد عندما تريد استمرار الترقيم عبر العناصر. وبما أن إعلان counter-reset على عنصر ينشئ عادةً نسخة جديدة (مما يصفّرها فعليًا)، فإن كتابة none تنص صراحةً 'لا تُعِد الضبط'، مما يسمح لعدة كتل بالترقيم تتابعيًا.
🏷️ خصائص ذات صلة
💡 حالات ذات صلة
📚 دروس ذات صلة
