خصوصیت counter-increment
مثال (خصوصیت counter-increment)
روشی برای شماره دهی یک بخش و زیر مجموعه های آن مانند " section 1" و "1.1"، "1.2":
{
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-increment می توان مقادیر یک یا چند شمارنده را افزایش داد.
خاصیت counter-increment معمولا با خاصیت counter-reset و خاصیت content استفاده می شود.
| مقدار پیشفرض | none |
|---|---|
| ارث بری | خیر |
| نسخه | CSS2 |
| JavaScript ساختار | object.style.counterIncrement="subsection" |
پشتیبانی مرورگرها
تمام مرورگرهای اصلی، خصوصیت counter-increment را پشتیبانی می کنند.
توجه: IE8 به !DOCTYPE! نیاز دارد.
مقدارهای خصوصیت
| مقدار | توضیحات |
|---|---|
| none |
هیچ شمارنده ای اضافه نمی شود. |
| id number |
id تعیین می کند که کدام شمارنده باید افزایش داده شود. counter مشخص می کند که شمارنده مذکور در هر مرتبه به چه میزان افزایش یابد. مقدار پیش فرض 1 است. مقادیر منفی و صفر نیز قابل قبول هستند. اگر id به شمارنده ای اشاره کند که توسط counter-reset مقدار دهی اولیه نشده باشد، مقدار اولیه پیش فرض صفر است. |
| inherit | تعیین می کند که باید از والدش، ارث بری داشته باشد. |
بیاموزهای مرتبط
CSS Pseudo-class (بیاموز CSS)
CSS Pseudo-element (بیاموز CSS)
content (مرجع خصوصیت های CSS)
counter-reset (مرجع خصوصیت های CSS)
- نوشته شده توسط امیر پهلوان صادق
- بازدید: 6667
