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