সিএসএস

🌈সিএসএস কি?

📋সিএসএস হলো গণনার জন্য কাউন্টার ব্যবহার করার পদ্ধতি।

⚒️সিএসএস গণনার জন্য কাউন্টার ব্যবহার করতে ব্যবহৃত হয়।

সিএসএস সমূহ

সিএসএস এবং সেগুলোর ব্যবহারের তালিকা

➡️ counter - এলিমেন্ট গণনার জন্য কাউন্টার ব্যবহার করা
➡️ counter-increment - গণনার বৃদ্ধি করা
➡️ counter-reset - গণনা পুনরায় সেট করা
➡️ counter-set - গণনার মান সেট করা

counter - এলিমেন্ট গণনার জন্য কাউন্টার ব্যবহার করার উদাহরণ।

css

<!DOCTYPE html>
<html>
<head>
<style>
body {
  counter-reset: section;
}

h2::before {
  counter-increment: section;
  content: "Section " counter(section) ": ";
}
</style>
</head>
<body>

<h1>পিএইচপি</h1>
<h2>জাভা</h2>
<h2>পাইথন</h2>
<h2>জাভাস্ক্রিপ্ট</h2>

</body>
</html>

counter-increment - গণনার বৃদ্ধি করার উদাহরণ।

css

<!DOCTYPE html>
<html>
<head>
<style>
body {
  counter-reset: section;
}

h2::before {
  counter-increment: section;
  content: "Section " counter(section) ": ";
}
</style>
</head>
<body>

<h1>পিএইচপি</h1>
<h2>জাভা</h2>
<h2>পাইথন</h2>
<h2>জাভাস্ক্রিপ্ট</h2>

</body>
</html>

counter-reset - গণনা পুনরায় সেট করার উদাহরণ।

css

<!DOCTYPE html>
<html>
<head>
<style>
body {
  counter-reset: section;
}

h2::before {
  counter-increment: section;
  content: "Section " counter(section) ": ";
}
</style>
</head>
<body>

<h1>পিএইচপি</h1>
<h2>জাভা</h2>
<h2>পাইথন</h2>
<h2>জাভাস্ক্রিপ্ট</h2>

</body>
</html>

counter-set - গণনার মান সেট করার উদাহরণ।

css

<!DOCTYPE html>
<html>
<head>
<style>
body {
  counter-reset: section;
}

h2::before {
  counter-increment: section;
  content: "Section " counter(section) ": ";
}

.reset {
  counter-set: section 9;
}
</style>
</head>
<body>

<h2>পিএইচপি</h2>
<h2>জাভা</h2>
<h2 class="reset">পাইথন</h2>
<h2>জাভাস্ক্রিপ্ট</h2>

</body>
</html>

সিএসএস সম্পর্কিত বিস্তারিত তথ্য

কার্যকর কোডিং উদাহরণ এবং সেগুলোর রেফারেন্স লিংক

নাম	বিবরণ
counter	এলিমেন্ট গণনার জন্য কাউন্টার ব্যবহার করতে ব্যবহৃত হয়।
counter-increment	গণনার বৃদ্ধি করতে ব্যবহৃত হয়।
counter-reset	গণনা পুনরায় সেট করতে ব্যবহৃত হয়।
counter-set	গণনার মান সেট করতে ব্যবহৃত হয়।