برچسب <li> HTML
تعریف و استفاده
<li> برچسب تعریف عنصر لیست را می‌کند.
<li> برچسب‌ها برای لیست‌های مرتب استفاده می‌شوند (<ol>)، لیست‌های بدون ترتیب (<ul>) و لیست‌های منو (<menu>) استفاده می‌شوند.
در <ul> و <menu>، عناصر لیست معمولاً با نقاط علامت‌گذاری می‌شوند.
در <ol>، عناصر لیست معمولاً با اعداد یا حروف نمایش داده می‌شوند.
توضیح:لطفاً از CSS استفاده کنیدسبک لیست را تنظیم کنید.
لطفاً به:
آموزش HTML:لیست HTML
دستورالعمل مرجع HTML DOM:شیء Li
آموزش CSS:سبک لیست را تنظیم کنید
مثال
مثال 1
یک لیست مرتب (<ol>) و یک لیست بدون ترتیب (<ul>) لیست HTML:
<ol> <li>قهوه <li>چای</li> <li>شیر </ol> <ul> <li>قهوه <li>چای</li> <li>شیر </ul>
مثال 2
در لیست‌های مرتب از ویژگی value استفاده کنید:
<ol> <li value="100">قهوه</li> <li>چای</li> <li>شیر <li> آب پاک</li> <li> آبمیوه</li> <li> آبجو</li> </ol>
مثال 3
نوع سبک‌های لیست مختلف را تنظیم کنید (از CSS استفاده کنید):
<ol> <li>قهوه <li style="list-style-type:lower-alpha">چای</li> <li>شیر </ol> <ul> <li>قهوه <li style="list-style-type:square">چای</li> <li>شیر </ul>
مثال 4
یک لیست در لیست ایجاد کنید (لیست‌های عمیق):
<ul>
<li>قهوه
<li>چای
<ul>
<li>پورسای
<li>چای سبز</li>
</ul>
</li>
<li>شیر
</ul>
مثال 5
یک لیست پیچیده‌تر ایجاد کنید:
<ul>
<li>قهوه
<li>چای
<ul>
<li>پورسای
<li>چای سبز
<ul>
<li>بی‌لاج
<li>تولینگ
</ul>
</li>
</ul>
</li>
<li>شیر
</ul>
ویژگی
| ویژگی | مقدار | توضیح |
|---|---|---|
| value | عدد | فقط برای لیست‌های <ol>. تعیین می‌کند مقدار شروع لیست‌های بعدی. لیست‌های بعدی از این عدد افزایش می‌یابند. |
ویژگی‌های جهانی
<li> این برچسب‌ها همچنین از ویژگی‌های رویداد پشتیبانی می‌کنند ویژگی‌های جهانی در HTML.
ویژگی‌های رویداد
<li> این برچسب‌ها همچنین از ویژگی‌های رویداد پشتیبانی می‌کنند ویژگی‌های رویداد در HTML.
تنظیمات CSS پیش‌فرض
بیشتر مرورگرها از مقادیر پیش‌فرض زیر برای نمایش استفاده می‌کنند <li> عنصر:
li {
display: list-item;
}
پشتیبانی از مرورگر
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی |
