অনর্ডার্ড ও অর্ডার্ড লিস্টের স্টাইল ও পজিশন CSS প্রপার্টি দিয়ে ফরম্যাট করা যায়: list-style-type, list-style-image এবং list-style-position।
সিনট্যাক্স
CSS list-style প্রপার্টির সিনট্যাক্স:
Selector { list-style: /*মান*/ }
উদাহরণ
নিচের উদাহরণগুলো CSS list-style প্রপার্টি দেখায়:
নিচের উদাহরণ অর্ডার্ড লিস্ট স্টাইল করে:
<!DOCTYPE html> <html> <head> <style> ol { list-style: upper-roman; line-height: 150%; } </style> </head> <body> <h2>Latest C# Versions</h2> <ol> <li>C# 8.0</li> <li>C# 7.3</li> <li>C# 7.2</li> <li>C# 7.1</li> <li>C# 7.0</li> </ol> </body> </html>
আউটপুট
এটি নিচের আউটপুট দেবে:
উদাহরণ
নিচের উদাহরণ অনর্ডার্ড লিস্ট স্টাইল করে:
<!DOCTYPE html> <html> <head> <style> ul > ul{ list-style: circle inside; } li:last-child { list-style-type: square; } </style> </head> <body> <h2>Programming Languages</h2> <ul> <li>C++ programming language created by Bjarne Stroustrup as an extension of the C programming language.</li> <li>Java programming language developed by James Gosling.</li> <ul> <li>Core Java</li> <li>Advanced Java</li> </ul> <li>Scala is a modern multi-paradigm programming language designed to express common programming patterns in a concise, elegant, and type-safe way.</li> </ul> </body> </html>
আউটপুট
এটি নিচের আউটপুট দেবে:
