Latest

recent

HTML li type attribute

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
HTML li type attribute Reviewed by 1000sourcecodes on 02:37 Rating: 5
Powered by Blogger.