HTML <li> type Attribute
Example
Use of the type attribute in an ordered and an unordered list:
<ol>
<li>Coffee</li>
<li type="a">Tea</li>
<li>Milk</li>
</ol>
<ul>
<li>Coffee</li>
<li type="square">Tea</li>
<li>Milk</li>
</ul>
Try it Yourself »
Definition and Usage
The type attribute specifies the style of the bullet point of a list item in a list.
Browser Support
| Attribute | |||||
|---|---|---|---|---|---|
| type | Yes | Yes | Yes | Yes | Yes |
Compatibility Notes
The type attribute of <li> is not supported in HTML5. Use CSS instead.
CSS syntax: <li style="list-style-type:square">
In our CSS tutorial you can find more details about the list-style-type property.
Syntax
<li type="1|a|A|i|I|disc|circle|square">
Attribute Values
For ordered lists (<ol>):
| Value | Description |
|---|---|
| 1 | Default. Numerical ordered list (1, 2, 3, 4) |
| a | Alphabetically ordered list, lowercase (a, b, c, d) |
| A | Alphabetically ordered list, uppercase (A, B, C, D) |
| i | Roman numbers, lowercase (i, ii, iii, iv) |
| I | Roman numbers, uppercase (I, II, III, IV) |
For unordered lists (<ul>):
| Value | Description |
|---|---|
| disc | Default. A filled circle |
| circle | An unfilled circle |
| square | A filled square |
❮ HTML <li> tag
