शैली सूचीशैली संपत्ति
उदाहरण
सूची की शैली बदलें:
document.getElementById("myList").style.listStyle = "decimal inside";
परिभाषा और उपयोग
लिस्ट स्टाइल प्रॉपर्टी शॉर्टहैंड फॉर्म में तीन अलग-अलग लिस्ट प्रॉपर्टीज को सेट या रिटर्न करती है।
इस संपत्ति के साथ, आप निम्न में से एक या अधिक (किसी भी क्रम में) सेट/वापस कर सकते हैं:
- सूची-शैली-प्रकार
- सूची-शैली-स्थिति
- सूची-शैली-छवि
ब्राउज़र समर्थन
Property | |||||
---|---|---|---|---|---|
listStyle | Yes | Yes | Yes | Yes | Yes |
वाक्य - विन्यास
सूची वापस करें स्टाइल संपत्ति:
object.style.listStyle
सूची सेट करें शैली संपत्ति:
object.style.listStyle = "type position image|initial|inherit"
सम्पत्ति की कीमत
Parameter | Description |
---|---|
type | Defines the list-item marker type |
position | Positions the list-item marker |
image | Defines an image to be used as the list-item marker |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
टेक्निकल डिटेल
डिफ़ॉल्ट मान: | डिस्क बाहर कोई नहीं |
---|---|
प्रतिलाभ की मात्रा: | एक स्ट्रिंग, एक सूची की शैली का प्रतिनिधित्व |
सीएसएस संस्करण | सीएसएस 1 |
और ज्यादा उदाहरण
उदाहरण
सूची के प्रकार और स्थिति को "अंदर वर्ग" में बदलें:
document.getElementById("myList").style.listStyle = "square inside";
उदाहरण
सूची शैली लौटाएं:
document.getElementById("myList").style.listStyle;
संबंधित पृष्ठ
सीएसएस ट्यूटोरियल: सीएसएस सूची
CSS संदर्भ: सूची-शैली की संपत्ति
❮ स्टाइल ऑब्जेक्ट