الكورس

Advertisements

HTML li Tag


HTML li Tag – يحدد الوسم <li> عنصر في قائمة (مرتبة  <ol> أو غير مرتبة <ul>) أو فى قوائم الـ <menu>.


 

HTML li Tag

 

في القوائم <menu> و <ul>  ، عادة ما يتم عرض عناصر القائمة باستخدام النقاط، ولكن في القوائم المرتبة <ol> ، يتم عرضها بإستخدام الأرقام أو الحروف.

 

مثال للتوضيح

مثال على القوائم المرتبة والغير مرتبة:

Order lists Basic

  1. One
  2. Two
  3. Three

Unorder lists Basic

  • One
  • Two
  • Three
<h2>Order lists Basic</h2>

<ol>
  <li>One</li>
  <li>Two</li>
  <li>Three</li>
</ol>

<h2>Unorder lists Basic</h2>

<ul>
  <li>One</li>
  <li>Two</li>
  <li>Three</li>
</ul>

Order lists Basic

  1. One
  2. Two
  3. Three

Unorder lists Basic

  • One
  • Two
  • Three

 

مثال للتوضيح

إستخدام سمة value مع القائمة المرتبة لتعيين قيمة مخصصة:

Order lists Basic

  1. One
  2. Two
  3. Three
<h2>Order lists Basic</h2>

<ol>
  <li value="1">One</li>
  <li value="2">Two</li>
  <li value="2">Three</li>
</ol>

Order lists Basic

  1. One
  2. Two
  3. Three

 

السمات المحددة – Specific Attributes

 

يدعم الوسم <li> هذه السمات:

السمةالقيمةالوصف
valuenumberتشير إلى القيمة الترتيبية الحالية لعنصر القائمة على النحو المحدد بواسطة الوسم <ol>.
قائمة العناصر التي تلي هذا تستمر في زيادة الترقيم من هذا الرقم.
تستخدم مع القوائم المرتبة <ol> فقط.
typedeprecateda
A
i
I
1
تشير إلى نوع الترقيم.

a: أحرف صغيرة.
A: الأحرف الكبيرة.
i: أرقام رومانية صغيرة.
I: أرقام رومانية كبيرة.
1: أرقام.

يمكنك استخدم خاصية list-style-type الموجودة فى CSS بدلاً من سمة type.


 

السمات العامة - Global Attributes

 

الوسم <li> يدعم السمات العامة أيضًا، تعرف عليهم عن طريق هذا الرابط: السمات العامة - Global Attributes.

 


 

سمات الحدث - Event Attributes

 

يدعم الوسم <li> سمات الحدث أيضًا، تعرف عليهم عن طريق هذا الرابط: سمات الحدث - Event Attributes.

 


 

دعم المتصفحات

 

firefox - الباشمبرمجCHROME - الباشمبرمجIE - الباشمبرمجsafari - الباشمبرمجopera - الباشمبرمج
مدعوممدعوممدعوممدعوممدعوم


الإبلاغ عن خطأ

×

إذا وجد خطأ وتريد الإبلاغ عن هذا الخطأ، أو إذا كنت تريد تقديم اقتراح على شىء معين، فلا تتردد في إرسال بريد إلكتروني إلينا:

info@albashmoparmeg.com

شكرًا لك على مساعدتك لنا!

Advertisements