কম্পিউটার

CSS ব্যবহার করে তালিকা চিহ্নিতকারীর অবস্থান পরিবর্তন করা


তালিকা-শৈলী-পজিশন বৈশিষ্ট্যটি তালিকা-আইটেম চিহ্নিতকারীর অবস্থান নির্ধারণ করতে ব্যবহৃত হয়।

উদাহরণ

আসুন এখন একটি উদাহরণ দেখি -

<!DOCTYPE html>
<html>
<head>
<style>
ul.demo1 {
   list-style-position: outside;
}
ul.demo2 {
   list-style-position: inside;
}
</style>
</head>
<body>
<h1>Teams</h1>
<h2>ODI Teams</h2>
<ul class="demo1">
<li>India</li>
<li>Australia</li>
<li>England</li>
<li>West Indies</li>
<li>South Africa</li>
<li>Srilanka</li>
</ul>
<h2>Test Teams</h2>
<ul class="demo2">
<ul>
<li>India</li>
<li>Australia</li>
<li>England</li>
<li>West Indies</li>
<li>South Africa</li>
<li>Srilanka</li>
</ul>
</ul>
</body>
</html>

আউটপুট

CSS ব্যবহার করে তালিকা চিহ্নিতকারীর অবস্থান পরিবর্তন করা


  1. সিএসএস-এ অবস্থান বৈশিষ্ট্য ব্যবহার করে উপাদানগুলি সারিবদ্ধ করা

  2. CSS ব্যবহার করে লিঙ্কের রঙ সেট করা

  3. CSS-এ সাধারণ ভাইবোন নির্বাচক

  4. কিভাবে একটি মৌলিক তালিকা সিএসএস দিয়ে একটি তালিকা গ্রুপে রূপান্তর করবেন?