استخدام خاصية CSS counter-increment واستماراتها

يضيف خاصية CSS counter-increment قيمة واحدة أو أكثر من المعدير. هذه الخاصية مفيدة جدًا في إنشاء وظائف التسلسل التلقائي.

الجدول أدناه يوضح استخدام هذه الخاصية و سجله التاريخي بالإضافة إلى синтكسها في سكربتات JavaScript.

تعريف استخدام counter-increment

تعريف هذه الخاصية كما يلي:

counter-increment:　[ identifier integer ]1 أو أكثر من الأزواج | none | initial | inherit

يوضح المثال التالي كيفية استخدام خاصية counter-increment.

　　body　{
　　　counter-reset:　section;
　　}
　　h1　{
　　　counter-reset:　category;
　　}
　　h1:before　{
　　　counter-increment:　section;
　　　content:　"Section　"　counter(section)　".　";　　　　　
　　}
　　h2:before　{
　　　counter-increment:　category;
　　　content:　counter(section)　"."　counter(category)　"　";
　　}

قيمة الخاصية

جدول التالي يصف قيمة هذه الخاصية.

توافق المتصفحات

توافق المتصفحات مع خاصية counter-increment، الأرقام في الجدول التالي تعبر عن أحدث إصدار من المتصفح الذي يدعم هذه الخاصية؛ يدعم جميع المتصفحات الرئيسية هذه الخاصية.

قراءة إضافية

يرجى الرجوع إلى التعليمات التالية:الرموز الافتراضية CSS。

خصائص مرتبطة:content،counter-reset。