CSS কাউন্টার-ইনক্রিমেন্ট এট্রিবিউট

  • পূর্ববর্তী পৃষ্ঠা content
  • পরবর্তী পৃষ্ঠা counter-reset

অর্থ ও ব্যবহার

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|id|initial|inherit;

অতিভূতি মান

মান বর্ণনা
none ডিফল্ট। সেলেক্টর কোনো সংখ্যালঘুত্ব করে না
id number

id যে সেলেক্টর, id বা class-কে সংখ্যালঘুত্ব করা হবে, তা নির্দিষ্ট করুন

number বৃদ্ধি মান নির্দিষ্ট করুন। number হতে পারে পজিটিভ, নল বা নেগেটিভ
inherit counter-increment অতিভূতির মান পিতৃতত্ত্বকে থেকে নির্দিষ্ট করা হয়েছে

টেকনিক্যাল বিবরণ

ডিফল্ট মান: none
উত্তরসূরীত্ব: no
সংস্করণ: CSS2
JavaScript ব্যবহার করুন: object.style.counterIncrement="subsection"

ব্রাউজার সমর্থন

টেবিলের সংখ্যাগুলি এই অতিভূতিকে যে প্রথম ব্রাউজার সংস্করণ এই সম্পূর্ণভাবে সমর্থন করে, তা নির্দেশ করে

Chrome IE / Edge Firefox Safari Opera
4.0 8.0 2.0 3.1 9.6

মন্তব্য:যদি !DOCTYPE নির্দিষ্ট করা হয়েছে, তবে Internet Explorer 8 (এবং উচ্চতর সংস্করণ) counter-increment অতিভূতির সমর্থন করে

  • পূর্ববর্তী পৃষ্ঠা content
  • পরবর্তী পৃষ্ঠা counter-reset