html - क्या आदेशित सूची के लिए प्रारंभिक संख्या निर्दिष्ट करना संभव है?




css html-lists (4)

मेरे पास एक आदेशित सूची है जहां मैं प्रारंभिक संख्या 6 होना चाहता हूं। मैंने पाया कि यह HTML 4.01 में supported था (अब बहिष्कृत)। इस विनिर्देश में वे कहते हैं कि आप सीएसएस का उपयोग करके प्रारंभिक पूर्णांक निर्दिष्ट कर सकते हैं। ( start विशेषता के बजाय)

आप सीएसएस के साथ शुरुआती संख्या कैसे निर्दिष्ट करेंगे?


जैसा कि अन्य ने सुझाव दिया है, कोई भी ol तत्व की start विशेषता का उपयोग कर सकता है।

वैकल्पिक रूप से, कोई li तत्व की value विशेषता का उपयोग कर सकता है। दोनों विशेषताओं को HTML 4.01 में बहिष्कृत के रूप में चिह्नित किया गया है, लेकिन HTML 5 ( ol और li ) में नहीं।

<ol start="-2">
  <li>Alpha</li>
  <li>Beta</li>
  <li value="10">Gamma</li>
  <li>Delta</li>
</ol>


मुझे आश्चर्य है कि मैं इस धागे में जवाब नहीं ढूंढ पाया।

मुझे यह स्रोत मिला है, जिसे मैंने नीचे संक्षेप में बताया है:

एचटीएमएल के बजाय सीएसएस का उपयोग करके ऑर्डर की गई सूची के लिए स्टार्ट एट्रिब्यूट सेट करने के लिए, आप निम्नानुसार counter-increment प्रॉपर्टी का उपयोग कर सकते हैं:

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

counter-increment 0-अनुक्रमित प्रतीत counter-increment है, इसलिए 4 से शुरू होने वाली सूची प्राप्त करने के लिए, 3 उपयोग करें।

निम्नलिखित एचटीएमएल के लिए

<ol>
  <li>Buy milk</li>
  <li>Feed the dog</li>
  <li>Drink coffee</li>
</ol>

मेरा परिणाम है

d) Buy milk
e) Feed the dog
f) Drink coffee

मेरी fiddle

W3 विकी संदर्भ भी देखें


<ol start=""> HTML5 में अब बहिष्कृत नहीं है, इसलिए मैं इसका उपयोग कर रहा हूं, भले ही HTML4.01 क्या कहता है।


start="number" बेकार है क्योंकि यह स्वचालित रूप से इसके पहले संख्या के आधार पर नहीं बदलता है।

ऐसा करने का एक और तरीका जो अधिक जटिल जरूरतों को फिट कर सकता है counter-reset और counter-increment

मुसीबत

कहो कि आप ऐसा कुछ चाहते थे:

1. Item one
2. Item two

Interruption from a <p> tag

3. Item three
4. Item four

आप दूसरे ol के तीसरे li पर start="3" सेट कर सकते हैं, लेकिन अब जब भी आप पहले ol कोई आइटम जोड़ते हैं तो आपको इसे बदलना होगा

उपाय

सबसे पहले, चलिए अपने वर्तमान नंबरिंग के स्वरूपण को साफ़ करते हैं।

ol {
  list-style: none;
}

हम प्रत्येक ली काउंटर दिखाएंगे

ol li:before {
  counter-increment: mycounter;
  content: counter(mycounter) ". ";
}

अब हमें यह सुनिश्चित करने की ज़रूरत है कि काउंटर केवल प्रत्येक के बजाय पहले ol पर रीसेट हो।

ol:first-of-type {
  counter-reset: mycounter;
}

डेमो

http://codepen.io/ajkochanowicz/pen/mJeNwY

अब मैं सूची में कई आइटम जोड़ सकता हूं और नंबरिंग संरक्षित की जाएगी।

1. Item one
2. Item two
...
n. Item n

Interruption from a <p> tag

n+1. Item n+1
n+2. Item n+2
...




html-lists