CSS लिस्ट-स्टाइल-इमेज प्रतियोगिता

विनिर्माण और उपयोग

list-style-image विशेषता चित्र को लिस्ट आइटम के मार्कर के स्थान पर रखती है。

वर्णन

यह विशेषता एक अनुक्रमित या अननुक्रमित सूची आइटम के मार्कर के रूप में एक चित्र को सूचित करती है। चित्र के स्थान को सामान्यतया list-style-position विशेषता के द्वारा नियंत्रित किया जाता है。

टिप्पणी:किसी भी हालत में चित्र उपलब्ध नहीं होने पर हमेशा "list-style-type" विशेषता को निर्धारित करें。

और देखें:

CSS शिक्षा:CSS सूची

CSS संदर्भ दस्तावेज़:CSS लिस्ट-स्टाइल प्रतियोगिता

HTML DOM संदर्भ दस्तावेज़:listStyleImage विशेषता

उदाहरण

चित्र को लिस्ट में आइटम मार्कर के रूप में सेट करें:

ul
  {
  list-style-image:url("/i/arrow.gif");
  list-style-type:square;
  }

स्वयं को प्रयोग करें

CSS व्याकरण

list-style-image: none|url|initial|inherit;

विशेषता मूल्य

मूल्य वर्णन
URL ग्राफ़िक का पथ
none डिफ़ॉल्ट। कोई ग्राफ़िक दिखाया नहीं जाएगा。
inherit list-style-image विशेषता के मूल एलीमेंट से विरासत करने को निर्धारित करता है。

तकनीकी विवरण

डिफ़ॉल्ट वल्यू: none
विरासत: yes
संस्करण: CSS1
JavaScript व्याकरण: object.style.listStyleImage="url('/images/blueball.gif')"

अधिक उदाहरण

चित्र को लिस्ट आइटम मार्कर के रूप में रखा जाना
इस उदाहरण में देखा गया है कि कैसे चित्र को लिस्ट आइटम मार्कर के रूप में रखा जाए।

ब्राउज़र समर्थन

तालिका में दिए गए नंबरों से पूर्णता से समर्थित इस विशेषता के पहले ब्राउज़र का संस्करण को सूचित किया गया है。

च्रोम IE / एज फ़ायरफॉक्स सैफारी ओपेरा
1.0 4.0 1.0 1.0 7.0