সিএসএস তালিকা-শৈলী-চিত্র বৈশিষ্ট্যটি তালিকা আইটেমের জন্য একটি চিত্রকে চিহ্নিতকারী হিসাবে সেট করতে ব্যবহৃত হয়।
সিনট্যাক্স
CSS তালিকা-শৈলী-ইমেজ সম্পত্তির সিনট্যাক্স নিম্নরূপ -
Selector {
list-style-image: /*value*/
} উদাহরণ
নিম্নলিখিত উদাহরণগুলি CSS তালিকা-শৈলী-ইমেজ সম্পত্তি −
কে চিত্রিত করে<!DOCTYPE html>
<html>
<head>
<style>
ul {
width: 150px;
list-style-image: url("https://www.tutorialspoint.com/images/Servlets.png");
background: goldenrod;
}
li {
text-align: center;
background: lavenderblush;
margin: 5px 30px;
}
</style>
</head>
<body>
<h2>Servlets</h2>
<ul>
<li>Client Request</li>
<li>Server Response</li>
<li>Cookies Handling</li>
<li>Session Tracking</li>
</ul>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট দেয় -
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<style>
ul {
margin-left: 20px;
list-style-image: url("https://www.tutorialspoint.com/images/hibernate.png");
}
li {
font-size: 1.3em;
text-align: center;
background: burlywood;
margin: 3px;
}
</style>
</head>
<body>
<h2>Hibernate Tutorial</h2>
<ul>
<li>Sessions</li>
<li>Persistent Class</li>
<li>Mapping Files</li>
<li>Mapping Types</li>
<li>Annotations</li>
</ul>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট দেয় -
