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