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