خصوصیت 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"

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

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

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

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

مقدار	توضیحات
none	هیچ شمارنده ای اضافه نمی شود.
id number	id تعیین می کند که کدام شمارنده باید افزایش داده شود. counter مشخص می کند که شمارنده مذکور در هر مرتبه به چه میزان افزایش یابد. مقدار پیش فرض 1 است. مقادیر منفی و صفر نیز قابل قبول هستند. اگر id به شمارنده ای اشاره کند که توسط counter-reset مقدار دهی اولیه نشده باشد، مقدار اولیه پیش فرض صفر است.
inherit	تعيين مي کند که بايد از والدش، ارث بري داشته باشد.

لینک های اصلی

مرجع CSS

خصوصیت counter-increment

مثال

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

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

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

لِکُلِّ شَیْ‏ءٍ زَکَاةٌ وَ زَکَاةُ الْعَقْلِ احْتِمَالُ الْجُهَّال‏

برای هر چیزی زکاتیست و زکات عقل تحمّل نادانان است.