CSS लिस्ट-स्टाइल प्रभाव

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

list-style संक्षिप्त विशेषता एक व्यक्तव्य में सभी सूची विशेषताओं को सेट करती है。

वर्णन

यह विशेषता एक संक्षिप्त विशेषता है जो सभी अन्य सूची शैली विशेषताओं को कवर करती है। इसके सभी display वाले list-item एलिमेंटों पर लागू होने के कारण यह सामान्य HTML और XHTML में केवल li एलिमेंटों में उपयोग की जा सकती है, हालांकि वास्तव में यह किसी भी एलिमेंट पर लागू की जा सकती है और list-item एलिमेंट से विरासत की जा सकती है。

इस क्रम में निम्नलिखित विशेषताओं को सेट किया जा सकता है:

किसी एक मूल्य को नहीं सेट कर सकते, जैसे "list-style:circle inside;" भी स्वीकार्य है. नहीं सेट की गई विशेषताओं को उनके मूलभूत मूल्यों का उपयोग किया जाएगा。

और देखें:

CSS पाठ्यक्रम:CSS सूची

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

उदाहरण

चित्र को सूची में सूची वस्तु के चिह्न के रूप में सेट करें:

ul
  {
  list-style:square inside url('/i/arrow.gif');
  }

खुद साफ़ी देखें

CSS व्याकरण

list-style: list-style-type list-style-position list-style-image|initial|inherit;

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

मूल्य वर्णन
list-style-type सूची वस्तु के चिह्न के प्रकार को सेट करें. देखें:list-style-type संभावित मूल्य
list-style-position सूची वस्तु के चिह्न को कहाँ रखने को सेट करें. देखें:list-style-position संभावित मूल्य
list-style-image सूची वस्तु के चिह्न को प्रतिस्थापित करने के लिए इमेज का उपयोग करें. देखें:list-style-image संभावित मूल्य
inherit पिछले एलिमेंट से list-style विशेषता के मूल्य को विरासत करना निर्धारित करता है。

तकनीकी विवरण

मूलभूत मूल्य: disc outside none
विरासत की योग्यता: yes
संस्करण: CSS1
JavaScript व्याकरण: object.style.listStyle="decimal inside"

और अधिक उदाहरण

एक ही व्यक्तव्य में सभी सूची विशेषताओं को परिभाषित करें
इस उदाहरण में सभी सूची विशेषताओं को एक संक्षिप्त विशेषता में सेट किया गया है。

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

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

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