CSS list-style-position প্রপার্টি লিস্ট আইটেমের مارকার পজিশন সেট করতে ব্যবহৃত হয়। এই প্রপার্টির ডিফল্ট মান outside যা марকারকে লিস্ট আইটেমের বাইরে রাখে।
সিনট্যাক্স
CSS list-style-position প্রপার্টির সিনট্যাক্স নিম্নরূপ:
Selector { list-style-position: /*মান*/ }
উদাহরণ
নিচের উদাহরণগুলো CSS list-style-property উদাহরণ দেয়:
<!DOCTYPE html> <html> <head> <style> li { width: 50%; margin: 5px; font-size: 120%; box-shadow: 0 0 3px 1px black; background: url("https://www.tutorialspoint.com/dbms/images/dbms.jpg") no-repeat 32px 8px; list-style-position: inside; padding: 0 0 10px 20px; } ol ol li { list-style: lower-roman; list-style-position: outside; } </style> </head> <body> <ol> <li>Black</li> <li> Blue <ol> <li>Green</li> <li>Red</li> </ol> </li> <li>Yellow</li> <li>Red</li> </ol> </body> </html>
আউটপুট
এটি নিচের আউটপুট দেয়:
আরেকটি উদাহরণ
<!DOCTYPE html> <html> <head> <style> ul { width: 200px; box-shadow: inset 0 0 6px green; list-style-position: outside; } ul + ul { list-style-type: circle; list-style-position: inside; } </style> </head> <body> <ul> <li>demo</li> <li>demo</li> <li>demo</li> </ul> <ul> <li>demo</li> <li>demo</li> <li>demo</li> </ul> </body> </html>
আউটপুট
এটি নিচের আউটপুট দেয়:
