সিএসএস
🌈সিএসএস কি?
📋সিএসএস হলো তালিকা তৈরি করার পদ্ধতি।
⚒️সিএসএস তালিকা তৈরি করতে ব্যবহৃত হয়।
সিএসএস সমূহ
সিএসএস এবং সেগুলোর ব্যবহারের তালিকা
- ➡️ 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 | তালিকার স্টাইলের ছবি নির্ধারণ করতে ব্যবহৃত হয়। |