HTML DOM Style listStyleImage गुण का उपयोग किसी छवि को सूची आइटम मार्कर के रूप में सेट करने या वापस करने के लिए किया जाता है।
−
. के लिए वाक्य रचना निम्नलिखित हैलिस्ट सेट करना स्टाइलइमेज प्रॉपर्टी -
object.style.listStyleImage = "none|url|initial|inherit"
उपरोक्त गुणों को इस प्रकार समझाया गया है -
| मान <वें>विवरण | |
|---|---|
| कोई नहीं | यह डिफ़ॉल्ट मान है और कोई छवि प्रदर्शित नहीं करता है। |
| url | छवि पथ निर्दिष्ट करना। |
| प्रारंभिक | इस गुण को प्रारंभिक मान पर पूर्वनिर्धारित करना। |
| उत्तराधिकारी | मूल संपत्ति मान को विरासत में मिला |
आइए लिस्ट स्टाइलइमेज प्रॉपर्टी के लिए एक उदाहरण देखें -
उदाहरण
<!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=" The list marker has been replaced by a red circle image";
}
</script>
</head>
<body>
<ul id="LIST1">
<li>LIST ITEM1</li>
<li>LIST ITEM2</li>
<li>LIST ITEM3</li>
<li>LIST ITEM4</li>
</ul>
<p>Click the below button to set the list style image for the above list</p>
<button type="button" onclick="changeListImage()">Change List Image</button>
<p id="Sample"></p>
</body>
</html> आउटपुट
“सूची छवि बदलें . पर क्लिक करने पर "बटन -
