ক্রমবিন্যস্ত এবং ক্রমবিন্যস্ত তালিকার শৈলী এবং অবস্থান তালিকা-শৈলী-টাইপ, তালিকা-শৈলী-ইমেজ এবং তালিকা-শৈলী-পজিশন সহ CSS বৈশিষ্ট্য দ্বারা ফর্ম্যাট করা যেতে পারে।
সিনট্যাক্স
CSS তালিকা-শৈলী সম্পত্তির সিনট্যাক্স নিম্নরূপ -
Selector {
list-style: /*value*/
} উদাহরণ
নিম্নলিখিত উদাহরণগুলি সিএসএস তালিকা-শৈলী সম্পত্তি −
চিত্রিত করেনিম্নলিখিত উদাহরণ শৈলী অর্ডার তালিকা -
<!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> আউটপুট
এটি নিম্নলিখিত আউটপুট দেয় -
