CSS list-style-type প্রপার্টি লিস্ট আইটেমের مارকার স্টাইল করতে ব্যবহৃত হয়। আমরা এই স্টাইলগুলো সাজার এবং সাজানো না যেভাবে উভয় লিস্টে প্রয়োগ করতে পারি।
সিনট্যাক্স
CSS list-style-type প্রপার্টির সিনট্যাক্স নিম্নরূপ:
Selector { list-style-type: /*মান*/ }
উদাহরণ
নিচের উদাহরণগুলো লিস্ট স্টাইলিং উদাহরণ দেয়:
<!DOCTYPE html> <html> <head> <style> ol li { padding: 5px; list-style-type: lower-roman; } li:last-child { font-size: 1.2em; font-style: italic; list-style-type: circle; } </style> </head> <body> <ol> <li>demo1</li> <li> demo 2 <ul> <li>demo a</li> <li>demo b</li> </ul> </li> <li>demo 3</li> </ol> </body> </html>
আউটপুট
এটি নিচের আউটপুট দেয়:
আরেকটি উদাহরণ
<!DOCTYPE html> <html> <head> <style> ol li { width: 50%; margin: 5px; font-size: 1.2em; list-style-type: devanagari; border: thin solid; background: linear-gradient(to right, lightgreen, pink,lightblue); } li:last-child { font-style: italic; list-style-type: lower-latin; } </style> </head> <body> <ol> <li>Eh!?</li> <li> demo one <ol> <li>What!?</li> <li>demo two</li> </ol> </li> <li>demo 3</li> <li>demo four</li> </ol> </body> </html>
আউটপুট
এটি নিচের আউটপুট দেয়:
