জাভাস্ক্রিপ্টে লিস্ট-আইটেম মার্কার হিসেবে ছবি সেট করা

লিস্ট-আইটেমে মার্কার হিসেবে ছবি সেট করতে জাভাস্ক্রিপ্টে listStyleImage প্রপার্টিটি ব্যবহার করুন।

উদাহরণ

জাভাস্ক্রিপ্টে লিস্ট-আইটেম মার্কার হিসেবে ছবি সেট করতে নিচের কোডটি চালান:

<!DOCTYPE html> <html>    <body>       <ol id="myID">          <li>এক</li>          <li>দুই</li>       </ol>       <button type="button" onclick="display()">লিস্ট ইমেজ আপডেট</button>       <script>          function display() {             document.getElementById("myID").style.listStyleImage = "url('https://tutorialspoint.com/css/images/bullet.gif')";          }       </script>    </html>

ব্যাখ্যা: list-style-image এ একটি ইমেজ URL দিয়ে কাস্টম বুলেট ব্যবহার করা যায়। যদি ইমেজ লোড না হয়, তবে list-style-type ফলব্যাক হিসেবে কাজ করে। আধুনিক CSS-এ ::marker সিলেক্টর দিয়ে আরও নমনীয় স্টাইলিং করা যায়।