HTML DOM Style listStyleImage প্রপার্টি

HTML DOM Style listStyleImage প্রপার্টি একটি ছবি লিস্ট আইটেম مارকার হিসেবে সেট বা রিটার্ন করতে ব্যবহৃত হয়।

সিনট্যাক্স

listStyleImage প্রপার্টি সেট করার জন্য:

object.style.listStyleImage = "none|url|initial|inherit"

প্রপার্টি মানগুলি

মান	বিবরণ
none	ডিফল্ট মান, কোনো ছবি প্রদর্শন করে না।
url	ছবির পাথ নির্দিষ্ট করে।
initial	প্রপার্টিকে ডিফল্ট মানে সেট করে।
inherit	প্যারেন্ট এলিমেন্ট থেকে প্রপার্টির মান উত্তরাধিকারসূত্রে পায়।

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<script>
  function changeListImage() {
    document.getElementById("LIST1").style.listStyleImage = "url('https://upload.wikimedia.org/wikipedia/commons/thumb/0/05/Red_circle.svg/10px-Red_circle.svg.png')";
    document.getElementById("Sample").innerHTML = " লিস্ট মারকার লাল বৃত্তাকার ছবিতে পরিবর্তন করা হয়েছে";
  }
</script>
</head>
<body>
  <ul id="LIST1">
    <li>LIST ITEM1</li>
    <li>LIST ITEM2</li>
    <li>LIST ITEM3</li>
    <li>LIST ITEM4</li>
  </ul>
  <p>নিচের বাটনে ক্লিক করে উপরের লিস্টের জন্য লিস্ট স্টাইল ইমেজ সেট করুন</p>
  <button type="button" onclick="changeListImage()">লিস্ট ইমেজ পরিবর্তন করুন</button>
  <p id="Sample"></p>
</body>
</html>

আউটপুট

প্রাথমিক অবস্থায় লিস্টে ডিফল্ট মারকার থাকবে।

"লিস্ট ইমেজ পরিবর্তন করুন" বাটনে ক্লিক করার পর লিস্ট মারকার লাল বৃত্তাকার ছবিতে পরিবর্তিত হবে।