تگ li در HTML

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

تگ li چیست؟

تگ li که اشاره به عبارت List Item دارد برای افزودن آیتم به لیست به کار می رود.

از تگ li می توان درون تگ ul (لیست نامرتب) و تگ ol (لیست مرتب) استفاده کرد.

این تگ با <li> شروع شده و با </li> پایان می یابد.

<li>Text</li>

صفت value

این صفت زمانی کاربرد دارد که تگ li درون تگ ol قرار گیرد. با استفاده از تگ ol می توان لیست های مرتبی ساخت و صفت value در تگ li شماره شروع آیتم های لیست را مشخص می کند.

کد:

<ol>
  <li value="30">سبز</li>
  <li>قرمز</li>
  <li>آبی</li>
  <li>سفید</li>
  <li>زرد</li>
</ol>

اجرا

مثال تگ li

کد:

<ul>
  <li>سبز</li>
  <li>قرمز</li>
  <li>آبی</li>
  <li>سفید</li>
  <li>زرد</li>
</ul>

اجرا

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

تنظیمات پیش فرض CSS تگ li در اکثر مرورگرها به صورت زیر است:

li {
  display: list-item;
}

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

تگ li با مرورگرهای زیر سازگار است:

• گوگل کروم
• فایرفاکس
• اج
• اپرا
• سافاری
• گوگل کروم اندروید
• فایرفاکس اندروید
• اپرا اندروید
• سافاری iOS