Example Use of the type attribute in an ordered and an unordered HTML list: <ol> <li>Coffee</li> ...
Example
Use of the type attribute in an ordered and an unordered HTML 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> |
Definition and Usage
The type attribute specifies the style of the bullet point of a list item in a list.Browser Support
The type attribute is deprecated, but still supported in all major browsers.Compatibility Notes
The type attribute of the li element was deprecated in HTML 4.01, and is not supported in XHTML 1.0 Strict DTD.Use CSS instead.
CSS syntax: <li style="list-style-type:square">
Syntax
<li type="value"> |
Attribute Values
For ordered lists (<ol>):| Value | Description |
|---|---|
| 1 | Numerical ordered list (this is default) (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 |
