‎‎تگ آيتم ليستHTML <li> Tag -‎

Previous >    <Next  

‎‎مثال ـ يك ليست مرتب با سه آيتم

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

--(go to editor for change code and run)

‎‎تعريف وكاربردDefinition and Usage -‎

‎تگ‎<li>‎ براي تعريف عناصر ليستهاي ‎<ol> , <ul>‎ استفاده ‎ميشود .اين تگ در داخل تگهاي ليست مرتب‎"ol‎"‎و نامرتب‎"ul‎"‎ظاهر ميشود .

‎‎تگ‎<li>‎ در داخل ‎<menu>‎ هم استفاده ميشود .

‎‎موارد ليست در ليستهاي‎<ul> and <menu>‎ با علامت نقطه گرد شروع ميشوند .

‎‎موارد ليست در‎<ol>‎ معمولا با اعداد يا حروف نمايش داده ميشوند .

‎‎پشتيباني مرورگرBrowser Support -‎

‎Element‎ Chorome Edge Firefox Safari Opera
‎‎<li>‎‎ ‎Yes‎ ‎Yes‎ ‎Yes‎ ‎Yes‎ ‎Yes‎

‎‎ويژگي هاAttributes -‎

‎‎ويژگي ‎‎مقدار ‎‎شــرح
‎value‎ number‎‎ ‎‎فقط براي ليست مرتب‎<ol>‎ وشماره آيتم اول را اعلام ميكند.

‎‎ويژگي هاي جهانيGlobal Attributes -‎

‎‎تگ‎<li>‎ از ويژگي هاي جهانيHTML پيروي ميكند.

‎‎ويژگي هاي رويداديEvent Attributes -‎

‎‎تگ فوق همچنين از ويژگي هاي رويدادي پيروي ميكند.

‎‎مثالهاي بيشتر

‎‎مثال ـ استفاده از ويژگيvalue در ليست مرتب ‎<ol>

 <ol>
  <li value="100">Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
  <li>Water</li>
  <li>Juice</li>
  <li>Beer</li>
</ol> 

--(go to editor for change code and run)

‎‎مثال ـ تنظيم ليست با سبك هاي مختلفCSS

<ul>
  <li>Coffee</li>
  <li style="list-style-type:square">Tea</li>
  <li>Milk</li>
</ul> 

--(go to editor for change code and run)

‎‎مثال ـ ليست تودرتو

<ul>
  <li>Coffee</li>
  <li>Tea
    <ul>
      <li>Black tea</li>
      <li>Green tea</li>
    </ul>
  </li>
  <li>Milk</li>
</ul>

--(go to editor for change code and run)

‎‎مثال ـ ايجاد ليست پيچيده تر تودرتو

<ul>
  <li>Coffee</li>
  <li>Tea
    <ul>
      <li>Black tea</li>
      <li>Green tea
        <ul>
          <li>China</li>
          <li>Africa</li>
        </ul>
      </li>
    </ul>
  </li>
  <li>Milk</li>
</ul> 

--(go to editor for change code and run)

‎‎تنظيمات پيش فرضDefault CSS Settings -‎

‎‎اغلب مرورگرها نمايش عنصر‎<li>‎ مطابق تنظيمات پيش فرضي زيرانجام ميدهند.

li {
  display: list-item;
}

‎مرجع كامل تگهايHTML
‎مرجع كامل ويژگيهايHTML


Previous >    <Next