ब्रैकेट्स (ए) को ऑर्डर करने वाली सूची में कैसे जोड़ें? सभी ब्राउज़रों में संगत

Question

मैं

(क)

(ख)

(ग)

अद्यतन की तरह दिखाने के लिए:

मैं एक सीएसएस रास्ता मिल गया

ol {list-style-type: none;} 
li:before {content: "(" counter(section, lower-alpha) ") ";} 
li { counter-increment: section;} 

लेकिन यह आईई 7 और उससे कम में काम नहीं करता है।

Answer 1

आप (ए) (बी) (सी) नहीं प्राप्त कर सकते हैं।

आप कर सकते हैं तथापि कोष्ठक के बिना पत्र मिलता है:

<ul style="list-style-type: lower-latin;">...</ul>

http://www.w3schools.com/CSS/tryit.asp?filename=trycss_list-style-type_all

Answer 2

These are your options देखें W3C के अनुसार।

सीएसएस के साथ यह संभव नहीं है। आपको जावास्क्रिप्ट (या इसी तरह) का उपयोग करके एक कस्टम सूची बनाना होगा।

Answer 3

कस्टम काउंटर के साथ यह संभव है, लेकिन कम से कम आई 7- इसका समर्थन नहीं करता है, कुछ अन्य शायद नहीं। विवरण के लिए यहां देखें: http://www.quirksmode.org/css/counter.html

पूर्व:

li:before { 
    content: "(" counter(mycounter,lower-latin) ")"; 
} 

Answer 4

कोई अंतर्निहित तरीका यह है नहीं है। जिसका मतलब है कि आप (मजेदार) हैक की भूमि में प्रवेश करते हैं।

आप दो कोष्ठक की पृष्ठभूमि छवि आज़मा सकते हैं।

Answer 5

मैंने इसके बजाय पैराग्राफ बनाए। मैंने अनुच्छेद को इंडेंट किया और फिर टेक्स्ट-इंडेंट का उपयोग करके पहली पंक्ति खींच ली और इन्हें नंबर दिया।

.list_indent { 
margin-left:48px; 
} 
.list_indent p { 
text-indent:-26px; 
} 

<div class="list_indent"> 
<p> (1)&nbsp;&nbsp;The recruitment report and a copy of the blah and blah and blah and blah and blah and blah and blah and blah.; 
</p> 
<p> (2)&nbsp;&nbsp;A copy of the blah and blah and blah and blah and blah and blah and blah and blah. 
</p>  
<p> (3)&nbsp;&nbsp;Recruitment. 
</p> 
</div> 

Answer 6

CSS3 के बाद से समस्या हल लगता है:

style="list-style-type: parenthesized-lower-latin;" 

http://www.w3.org/TR/2011/WD-css3-lists-20110524/

Answer 7

या आप बस पाठ ब्राउज़र फ़ॉलबैक के बारे में यो चिंता किए बिना मैन्युअल रूप से गिनती जोड़ सकते हैं। किसी भी ब्राउज़र में काम करता है!

ul.abc-list { 
 
    list-style: none; 
 
    padding-left: 30px; 
 
} 
 
ul.abc-list > li > span.counter { 
 
    position: absolute; 
 
    margin-left: -20px; 
 
    /*if you want to right align the text 
 
    * 
 
    * width: 15px; 
 
    * text-align: right; 
 
    */ 
 
}

<ul class="abc-list"> 
 
    <li><span class="counter">a)</span> One</li> 
 
    <li><span class="counter">b)</span> Two</li> 
 
    <li><span class="counter">c)</span> Three</li> 
 
    <li><span class="counter">d)</span> Four</li> 
 
    <li><span class="counter">e)</span> Five</li> 
 
    <ul>

Answer 8

मैं सीएसएस सक्षम साथ MediaWiki में इस कोड स्निपेट का उपयोग करें। मुझे यकीन नहीं है कि यह आईई के पुराने संस्करणों में काम करेगा या नहीं ...

{{#css: 
    .laparent ol { counter-reset: item } 
    .laparent li { display: block ; counter-increment: item; } 
    .laparent li:before { content: " ("counter(item,lower-alpha)") "; } 
}} 
<ol class=laparent> 
    <li> this is the first item; 
    <li> this is the second item; or 
    <li> this is the third item. 
</ol> 

आउटपुट:

(a) this is the first item; 
(b) this is the second item; or 
(c) this is the third item.