خصائص counter-increment CSS

تعريف والاستخدام

يحدد خاصية counter-increment زيادة محامل التدرج لكل اختيار يظهر. الزيادة الافتراضية هي 1.

شرح

باستخدام هذه الخاصية، يمكن لمحامل التدرج (أو التدرج) قيمة معينة، ويمكن أن تكون إيجابية أو سلبية. إذا لم يتم تقديم قيمة number، فإن القيمة الافتراضية هي 1.

ملاحظة:إذا تم استخدام "display: none"، فإن الزيادة في العداد غير ممكنة. إذا تم استخدام "visibility: hidden"، فإن الزيادة في العداد ممكنة.

يرجى الرجوع أيضًا إلى:

دليل مرجع CSSالصيغة المزيفة :before في CSS

دليل مرجع CSSالصيغة المزيفة :after في CSS

دليل مرجع CSSخاصية المحتوى

دليل مرجع CSSخاصية counter-reset

وظيفة CSSوظيفة counter()

دليل مرجع HTML DOMخاصية counterIncrement

مثال

طرق إنشاء تسميات للفروع والفرع الفرعي (مثل "قسم 1"،"1.1"،"1.2"):

body
  {
  counter-reset:section;
  }
h1
  {
  counter-reset:subsection;
  }
h1:before
  {
  المحتوى:"قسم " counter(section) ". ";
  counter-increment:section;
  }
h2:before
  {
  counter-increment:subsection;
  المحتوى:counter(section) "." counter(subsection) ";
  }

تجربة شخصية

نص CSS

counter-increment: لا شيء|id|مبدئي|وراثة;

قيمة الخاصية

القيمة الوصف
لا شيء افتراضي. لا زيادة للعداد عند استخدام المُختر.
رقم id

id تحديد المُختر أو الـ id أو class الذي سيتم زيادة العداد.

رقم تحديد الزيادة. يمكن أن يكون الرقم إيجابياً أو صفراً أو سالباً.
وراثة يُمكن تحديد أن counter-increment يجب أن يُورث قيمته من العنصر الأم.

تفاصيل التقنية

القيمة الافتراضية: لا شيء
تنسيق النقل: لا
الإصدار: CSS2
جافا سكربت النص: object.style.counterIncrement="subsection"

دعم المتصفح

الرقم في الجدول يوضح إصدار المتصفح الأول الذي يدعم هذه الخاصية بشكل كامل.

Chrome IE / Edge Firefox Safari Opera
4.0 8.0 2.0 3.1 9.6

ملاحظة:إذا تم تحديد !DOCTYPE، فإن متصفح Internet Explorer 8 (والمزيد من الإصدارات) يدعم خاصية counter-increment.