কম্পিউটার টিউটোরিয়াল

CSS list-style-type প্রোপার্টি দিয়ে লিস্ট স্টাইল টাইপ সেট করা

list-style-type প্রোপার্টি দিয়ে লিস্ট আইটেমের মার্কার (বুলেট বা নম্বর) এর স্টাইল নির্ধারণ করা হয়।

উদাহরণ ১: আনঅর্ডারড লিস্ট (ul) — স্কয়ার বুলেট

<!DOCTYPE html>
<html>
<head>
<style> ul { list-style-type: square; } </style>
</head>
<body>
<h2>Teams</h2>
<ul>
  <li>India</li> <li>Australia</li> <li>England</li>
  <li>West Indies</li> <li>South Africa</li> <li>Srilanka</li>
</ul>
</body>
</html>

উদাহরণ ২: অর্ডারড লিস্ট (ol) — আপার-রোমান নম্বর

<!DOCTYPE html>
<html>
<head>
<style> ol { list-style-type: upper-roman; } </style>
</head>
<body>
<h2>Teams</h2>
<ol>
  <li>India</li> <li>Australia</li> <li>England</li>
  <li>West Indies</li> <li>South Africa</li> <li>Srilanka</li>
</ol>
</body>
</html>

অন্যান্য phổুলার মান: disc (ডিফল্ট ul), circle, decimal (ডিফল্ট ol), lower-alpha, upper-alpha, lower-roman, none।

  1. CSS ব্যবহার করে ব্যাকগ্রাউন্ড ইমেজ সেট করা

  2. CSS দিয়ে লিংকের রঙ সেট করা

  3. CSS জেনারেল সিবলিং সিলেক্টর: সমান প্যারেন্টের পরের সিবলিংস সিলেক্ট করা

  4. CSS দিয়ে বেসিক লিস্টকে লিস্ট গ্রুপে রূপান্তর করার পদ্ধতি