CSS کاؤنٹر انکریمنت پرزوائز

تعریف و استعمال

counter-increment کی خاصیت کا استعمال کسی انتخاب گر کی ہر آمد کی شماراگر کی اضافہ شدگی کا تعین کرنا ہے۔ مطلق اضافہ شدگی 1 ہوتی ہے۔

توضیح

استفادہ کرکے، شماراگر کسی قیمت کو (یا کم سے) کا اضافہ (یا کم سے) کرسکتا ہے، جو مثبت یا منفی قیمت کا ہو سکتا ہے۔ اگر number کا مقدار فراہم نہیں کیا گیا تو میں طور پر 1 ہوگا۔

نوٹ:اگر "display: none" استعمال کیا گیا ہے تو شمار کا اضافہ نہیں کیا جائے گا۔ اگر "visibility: hidden" استعمال کیا گیا ہے تو شمار کا اضافہ کیا جائے گا۔

دوسرے مراجع بھی دیکھئے:

CSS مراجع دستور زبان:CSS :before کا پسیوئل ائلیمنٹ

CSS مراجع دستور زبان:CSS :after کا پسیوئل ائلیمنٹ

CSS مراجع دستور زبان:content خاصیت

CSS مراجع دستور زبان:counter-reset خاصیت

CSS فنکشن:counter() فنکشن

HTML DOM مراجع دستور زبان:counterIncrement خاصیت

مثال

قسمت اور ذیلی قسمتوں کو نمبر کا دینے کا طریقہ (مثلاً "Section 1"، "1.1"، "1.2"):

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

خود کا تجربہ کریں

CSS زبان

counter-increment: none|آئی ڈی|initial|inherit;

ویژگی کا مقدار

مقدار وصف
none مقصد سے: اگر سلیکٹر کو شمار کا انکریمنت نہیں کیا جائے گا۔
آئی ڈی نمبر

آئی ڈی ایک سلیکٹر، آئی ڈی یا کلاس کو جو کا شمار اضافہ کیا جائے گا، کا تعریف کرتا ہے۔

نمبر ایک انکریمنت کا تعریف کرتا ہے۔ نمبر کا اعداد و شمار مثبت، صفر یا منفی کا ممکن ہو سکتا ہے۔
inherit مقصد یہ ہے کہ counter-increment کی خاصیت کا یقیناً پتر عنصر سے وارثی کی جائے۔

تکنیکی تفصیلات

دفعہ کی مقدار: none
وارثیتی: no
ورژن: CSS2
جاوا اسکریپٹ زبان: آبجیکٹ.style.counterIncrement="subsection"

براوزر کی حمایت

جداول میں نمبر کا ذکر کیا گیا ہے جو اس خاصیت کا پورا تعاون کرنے والا پہلا براوزر کی نسخہ کا نام دیتا ہے。

چروم IE / ایج فائر فاکس سافری اوپرا
4.0 8.0 2.0 3.1 9.6

نوٹ:اگر !DOCTYPE مقرر کیا گیا ہے تو انٹرنیٹ ایکسپلورر 8 (اور اس سے زیادہ) counter-increment کی خاصیت کا تعاون دیتا ہے。