خصوصیت counter-reset

مثال

روشی برای شماره دهی یک بخش و زیر مجموعه های آن مانند " section 1" و "1.1"، "1.2":

body
{
counter-reset:section;
}

h1
{
counter-reset:subsection;
}

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

h2:before 
{
counter-increment:subsection;
content:counter(section) "." counter(subsection) " ";
}

تعریف و کاربرد

با استفاده از خاصیت counter-reset می توان یک یا چند شمارنده ایجاد نمود یا آنها را بازنشانی (reset) کرد.

خاصیت counter-reset معمولا با خاصیت های counter-increment و content استفاده می شود.

مقدار پیشفرض none
ارث بری خیر
نسخه CSS2
JavaScript ساختار object.style.counterReset="subsection"

پشتیبانی مرورگرها

    

تمام مرورگرهای اصلی، خصوصیت content-reset را پشتیبانی می کنند.

توجه: IE8 به !DOCTYPE! نیاز دارد.

مقدارهای خصوصیت

مقدار توضیحات
none

هیچ شمارنده ای بازنشانی نمی شود. مقدار پیش فرض none است.
id number

id تعیین می کند که کدام شمارنده باید بازنشانی شود. counter مشخص می کند که شمارنده مذکور در هر مرتبه به چه مقداری بازنشانی شود. مقدار پیش فرض 0 است.
inherit تعيين مي کند که بايد از والدش، ارث بري داشته باشد.