HTML <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):

<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
  • آئی
  • ای
 فہرست میں استعمال کی جانے والی علامت کی نوعیت کا تعین کرتا ہے

عالمی اپنے مقام

<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;
}

آپ خود کوشاں کریں

بھرپائی کا ذریعہ

کروم ایج فائر فاکس سافری آپریا
کروم ایج فائر فاکس سافری آپریا
مقابلت مقابلت مقابلت مقابلت مقابلت