Open In App

HTML | <li> type Attribute

Improve
Improve
Like Article
Like
Save
Share
Report

The <li> type attribute in HTML is used to specify the type of a list items. This attribute also defines the style of the bullet point of the list items. 

Syntax: 

<li type="1|a|A|i|I|disc|circle|square">

Attribute Values: 
For ordered list items:  

  • 1: It is the default value. It is used to specify the numerical ordered list.
  • a: It arranged the list items in lower case letters.
  • A: It arrange the list items in the form of upper case.
  • i: It arrange the list items in the roman numbers in the form of lower case letters.
  • I: It arranged the list in roman numerals in the form of uppercase letters.

For unordered list items:  

  • disc: It is the default value. It creates a filled circle.
  • circle: It creates an unfilled circle.
  • square: It creates a filled square.

Note: The <li> type attribute is not supported by HTML 5 Instead of using this attribute we can use CSS list-style-type property.

Example 1:  

HTML




<!DOCTYPE html>
<html>
 
<head>
    <title>
        HTML li type Attribute
    </title>
</head>
     
<body>
     
    <h1 style = "color: green;">
        GeeksforGeeks
    </h1>
             
    <h2>
        HTML list item type Attribute
    </h2>
             
     
 
<p>Sorting Algorithms</p>
 
  
         
    <ol>
        <li type="a">Merge sort</li>
        <li>Quick sort</li>
        <li type="I">Insertion sort</li>
    </ol>
</body>
 
</html>                   


Output: 

Example 2:  

HTML




<!DOCTYPE html>
<html>
 
<head>
    <title>
        HTML li type Attribute
    </title>
</head>
     
<body>
     
    <h1 style = "color: green;">
        GeeksforGeeks
    </h1>
             
    <h2>
        HTML li type Attribute
    </h2>
             
     
 
<p>Sorting Algorithms</p>
 
  
         
    <ul>
        <li>Merge sort</li>
        <li>Quick sort</li>
        <li type="square">Insertion sort</li>
    </ul>
</body>
 
</html>                   


Output: 

Supported Browsers: The browser supported by HTML <li> type attribute are listed below:  

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Safari
  • Opera

 



Last Updated : 08 Mar, 2022
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads