एचटीएमएल <ol> टैग

परिभाषा और उपयोग

<ol> टैग का उपयोग अनुक्रमित सूची को परिभाषित करने के लिए किया जाता है। अनुक्रमित सूची नंबर या अक्षर क्रम के हो सकती है。

<li> टैग का उपयोग हर लिस्ट आइटम को परिभाषित करने के लिए किया जाता है。

सूचना:सूची का शैली सेट करने के लिए CSS का उपयोग करें。

सूचना:अनुक्रमित सूची के लिए, इसे उपयोग करें: <ul> टैग।

और देखें:

HTML शिक्षण:HTML सूची

HTML DOM संदर्भ पुस्तका:Ol ऑब्जैक्ट

CSS शिक्षण:सूची का शैली सेट करें

उदाहरण

उदाहरण 1

दो अलग-अलग अनुक्रमित सूची (पहली सूची 1 से शुरू होती है, दूसरी 50 से शुरू होती है):

<ol>
  <li>कॉफी</li>
  <li>चाय</li>
  <li>नूडल</li>
</ol>
<ol start="50">
  <li>कॉफी</li>
  <li>चाय</li>
  <li>नूडल</li>
</ol>

स्वयं आये देखें

उदाहरण 2

अलग-अलग सूची प्रकारों को सेट करें (CSS का उपयोग करके):

<ol style="list-style-type:upper-roman">
<li>कॉफी</li>
<li>चाय</li>
<li>नूडल</li>
</ol>
<ol style="list-style-type:lower-alpha">
<li>कॉफी</li>
<li>चाय</li>
<li>नूडल</li>
</ol>

स्वयं आये देखें

उदाहरण 3

CSS के द्वारा सभी उपलब्ध अलग-अलग सूची प्रकारों को दिखाया जाता है:

<style>
ol.a {list-style-type: armenian;}
ol.b {list-style-type: cjk-ideographic;}
ol.c {list-style-type: decimal;}
ol.d {list-style-type: decimal-leading-zero;}
ol.e {list-style-type: georgian;}
ol.f {list-style-type: hebrew;}
ol.g {list-style-type: hiragana;}
ol.h {list-style-type: hiragana-iroha;}
ol.i {list-style-type: katakana;}
ol.j {list-style-type: katakana-iroha;}
ol.k {list-style-type: lower-alpha;}
ol.l {list-style-type: lower-greek;}
ol.m {list-style-type: lower-latin;}
ol.n {list-style-type: lower-roman;}
ol.o {list-style-type: upper-alpha;}
ol.p {list-style-type: upper-latin;}
ol.q {list-style-type: upper-roman;}
ol.r {list-style-type: none;}
ol.s {list-style-type: inherit;}
</style>

स्वयं आये देखें

उदाहरण 4

सूची में पददैर्ध्य को कम करना और बढ़ाना (CSS के द्वारा)UsageId

<ol style="line-height:80%">
  <li>कॉफी</li>
  <li>चाय</li>
  <li>नूडल</li>
</ol>
<ol style="line-height:180%">
  <li>कॉफी</li>
  <li>चाय</li>
  <li>नूडल</li>
</ol>

स्वयं आये देखें

उदाहरण 5

क्रमिक सूची में अनक्रमिक सूची निहित करें:

<ol>
  <li>कॉफी</li>
  <li>चाय</li>
    <ul>
      <li>लोञ्जिन</li>
      <li>पूर्वा</li>
    </ul>
  </li>
  <li>नूडल</li>
</ol>

स्वयं आये देखें

गुण

गुण मान वर्णन
reversed reversed सूची क्रम को उल्टा करना चाहिए (9,8,7 ...)。
start संख्या नियत क्रमिक सूची के प्रारंभिक मान को निर्धारित करता है。
type
  • 1
  • A
  • a
  • I
  • i
 सूची में उपयोग करने वाले टैग किस्म को निर्धारित करते हैं

वैश्विक गुण

<ol> टैग इवेंट गुण का समर्थन करते हैं HTML में वैश्विक गुण।

इवेंट गुण

<ol> टैग इवेंट गुण का समर्थन करते हैं HTML में इवेंट गुण।

डिफ़ॉल्ट CSS सेटिंग

अधिकांश ब्राउज़र निम्नलिखित डिफ़ॉल्ट मूल्यों को प्रदर्शित करेंगे <ol> एलीमेंट:

ol {
  display: block;
  list-style-type: decimal;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
  padding-left: 40px;
}

स्वयं आये देखें

ब्राउज़र सापोर्ट

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
सापोर्ट सापोर्ट सापोर्ट सापोर्ट सापोर्ट