CSS लिस्ट-स्टाइल-इमेज प्रतियोगिता
- पिछला पृष्ठ list-style
- अगला पृष्ठ list-style-position
विनिर्माण और उपयोग
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 |
- पिछला पृष्ठ list-style
- अगला पृष्ठ list-style-position