سبد (0)

خصوصیت counter-increment

مثال (خصوصیت counter-increment)

روشی برای شماره دهی یک بخش و زیر مجموعه های آن مانند " 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-increment می توان مقادیر یک یا چند شمارنده را افزایش داد.

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

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

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

Internet Explorer Firefox Opera Google Chrome Safari

تمام مرورگرهای اصلی، خصوصیت 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)

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه