জয়েন লগইন

সিএসএস

🌈সিএসএস কি?

📋সিএসএস হলো তালিকা তৈরি করার পদ্ধতি।

⚒️সিএসএস তালিকা তৈরি করতে ব্যবহৃত হয়।

সিএসএস সমূহ

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

  • ➡️ list-style - তালিকার স্টাইলের বৈশিষ্ট্য নির্ধারণ করা
  • ➡️ list-style-type - তালিকার স্টাইলের ধরন নির্ধারণ করা
  • ➡️ list-style-position - তালিকার স্টাইলের অবস্থান নির্ধারণ করা
  • ➡️ list-style-image - তালিকার স্টাইলের ছবি নির্ধারণ করা

list-style - তালিকার স্টাইলের বৈশিষ্ট্য নির্ধারণ করার উদাহরণ।

css
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
ul {
  list-style: square inside;
}
</style>
</head>
<body>

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

</body>
</html>

list-style-type - তালিকার স্টাইলের ধরন নির্ধারণ করার উদাহরণ।

css
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
ul {
  list-style-type: lower-alpha;
}
</style>
</head>
<body>

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

</body>
</html>

list-style-position - তালিকার স্টাইলের অবস্থান নির্ধারণ করার উদাহরণ।

css
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
ul {
  list-style: square inside;
  list-style-position: outside;
}
</style>
</head>
<body>

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

</body>
</html>

list-style-image - তালিকার স্টাইলের ছবি নির্ধারণ করার উদাহরণ।

css
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
ul {
  list-style-image: none;
}
</style>
</head>
<body>

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

</body>
</html>

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

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

নাম বিবরণ
list-style তালিকার স্টাইলের বৈশিষ্ট্য নির্ধারণ করতে ব্যবহৃত হয়।
list-style-type তালিকার স্টাইলের ধরন নির্ধারণ করতে ব্যবহৃত হয়।
list-style-position তালিকার স্টাইলের অবস্থান নির্ধারণ করতে ব্যবহৃত হয়।
list-style-image তালিকার স্টাইলের ছবি নির্ধারণ করতে ব্যবহৃত হয়।