داغ ترین ویدیو بابلز لرن : هک کلاس های مجازی توسط متین برونسی

ویژگی تصویر

تگ ol در HTML

  /  فرانت اند   /  HTML   /  تگ ol در HTML
بنر تبلیغاتی الف

با استفاده از تگ ol در HTML یک لیست مرتب شده تعریف می کنیم.

مثال

در مثال زیر لیست اول ما از عدد یک شروع می شود و در لیست بعدی چون با استفاده از خاصیت start شروع عدد را روی 50 تنظیم کرده ایم، شماره گذاری لیست از عدد 50 شروع می شود:

تماشا در حالت تمام صفحه


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

همانطور که در بالا اشاره شد از تگ ol در HTML برای ساخت لیست های مرتب شده استفاده می کنیم، معمولاً این لیست ها بر اساس اعداد یا حروف الفبا مرتب می شوند.

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


پشتیبانی مرورگر ها

عنصر
<ol>بلهبلهبلهبلهبله

خواص (attributes)

خاصیتمقدارتوضیحات
reversedreversedمشخص می کند که ترتیب لیست باید معکوس شود. (9,8,7)
startnumberمقدار شروع لیست مرتب شده را مشخص می کند.
type1
A
a
I
i
نوع نشانگر مورد استفاده در لیست را مشخص می کند.

خواص عمومی

تگ ol از خواص عمومی در HTML پشتیبانی می کند.

رویداد های عمومی

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

تنظیمات پیش فرض CSS

اکثر مرورگر ها عنصر ol در HTML را با تنظیمات پیش فرض زیر نمایش می دهند:

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

مثال های بیشتر


این قسمت/بخشی از محتوا مخفی شده است و فقط برای اعضای وب سایت قابل مشاهده می باشد، لطفاً با حساب کاربری وارد شوید.

5/5 - (4 امتیاز)

آیا این مطلب برای شما مفید بود ؟

خیر
بله
بنر تبلیغاتی ج