تگ <ol></ol> در html - وب سایت PNLdev

نمونه کد

A simple <ol> tag that open PNLdev.com link:

<OL>
<li>SQL</li>
</ol>

آزمایشگاه

تعریف و کاربرد

برای ساخت یک لیست عددی و الفبایی از تگ <ol> استفاده می کنند.

تگ <li> برای توضیحات لیست ساخته توسط تگ <ol> استفاده می شود.

نکات

نکته: شما می توانید از کد های css برای استایل دهی به لیست خود استفاده کنید.

نکته: برای مرتب سازی یک لیست نامرتب، از تگ <ul> استفاده کنید.

سازگاری با مرورگر

#	کروم	ادج	فایرفاکس	سافاری	اپرا
<ol>

ویژگی ها

ویژگی ها	مقادیر	توضیحات
reversed	reversed	مشخص می کند که ترتیب عدد های پشت لیست مربوطه باید نزولی باشند ( از عدد مشخص شده به سمت عدد 1 ).
start	number	مقدار و نحوه شروع یک لیست مرتب شده را تعیین می کند.
type	1,A,a,I,i	fa

ویژگی های سراسری

تگ ol از ویژگی های سراسری HTML پشتیبانی می کند.

ویژگی های رویداد

تگ ol از ویژگی های رویداد HTML پشتیبانی می کند.

نمونه کد های بیشتر

نمونه کد

تگ HTML <ol> با استایل اختصاصی- مثال شماره 1

<ol style="line-height: 50%;">
    <li>tae</li>
    <li>coffee</li>
    <li>juice</li>
</ol>
<ol style="line-height: 200%;">
    <li>tae</li>
    <li>coffee</li>
    <li>juice</li>
</ol>

آزمایشگاه

نمونه کد

تگ HTML <ol> با استایل اختصاصی- مثال شماره 2

<ol>
    <li>tae</li>
    <li>coffee</li>
    <ol>
        <li>Espresso</li>
        <li>Cappuccino</li>
        <li>Latte</li>
    </ol>
    <li>juice</li>
</ol>

آزمایشگاه

نمونه کد

تگ HTML <ol> با استایل اختصاصی- مثال شماره 3

<ol style="list-style: lower-alpha;">
  <li>tae</li>
  <li>coffee</li>
  <li>juice</li>
</ol>
<ol style="list-style:upper-roman;">
  <li>tae</li>
  <li>coffee</li>
  <li>juice</li>
</ol>

آزمایشگاه

استایل css پیش فرض

بیشتر مرورگر ها تگ ol را با استایل پیشفرض زیر نمایش می دهند:

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

تگ <ol> در HTML <ol></ol> tag HTML

نمونه کد

تعریف و کاربرد

نکات

سازگاری با مرورگر

ویژگی ها

ویژگی های سراسری

ویژگی های رویداد

نمونه کد های بیشتر

نمونه کد

نمونه کد

نمونه کد

استایل css پیش فرض

تگ <ol> در HTML
<ol></ol> tag HTML