CSS list-style প্রপার্টি একটি এলিমেন্টের জন্য list-style-type, list-style-position এবং list-style-image নির্দিষ্ট করতে ব্যবহৃত হয়।
সিনট্যাক্স
CSS list-style প্রপার্টির সিনট্যাক্স নিম্নরূপ:
Selector { list-style: /*মান*/ }
উদাহরণ
নিচের উদাহরণগুলো লিস্ট স্টাইলিং উদাহরণ দেয়:
<!DOCTYPE html> <html> <head> <style> body { font-size: 1.33em; background: linear-gradient(to right, orange, lightgreen, lightblue); } ol:first-of-type { box-shadow: inset 0 0 23px rgb(20,255,40); list-style: upper-alpha inside; } ul { list-style: circle; } </style> </head> <body> <ol> <li>Demo</li> </ol> <ol> <li>Demo</li> </ol> <ul> <li>demo</li> <ol> <li>demo</li> </ol> </ul> </body> </html>
আউটপুট
এটি নিচের আউটপুট দেয়:
আরেকটি উদাহরণ
<!DOCTYPE html> <html> <head> <style> ol { width: 40%; list-style: lower-roman; } li { border: thin solid hotpink; margin: 5px 30px; } </style> </head> <body> <h2>লোকপ্রিয় খেলা</h2> <ol> <li>ফুটবল</li> <li>ক্রিকেট</li> <li>টেনিস</li> <li>হockeyspieler</li> <li>ভলিবল</li> <li>বাস্কেটবল</li> </ol> </body> </html>
আউটপুট
এটি নিচের আউটপুট দেয়:
