خصوصیت counter-reset
مثال (خصوصیت 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: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 | تعیین می کند که باید از والدش، ارث بری داشته باشد. |
بیاموزهای مرتبط
CSS Pseudo-class (بیاموز CSS)
CSS Pseudo-element (بیاموز CSS)
content (مرجع خصوصیت های CSS)
counter-increment (مرجع خصوصیت های CSS)
- نوشته شده توسط امیر پهلوان صادق
- بازدید: 6725
