X
HOME HTML5 CSS3 JAVASCRIPT SQL PHP5 JQUERY ANGULAR BOOTSTRAP3 XML MORE...
REFERENCES | EXAMPLES | FORUM | ABOUT

HTML <li> type Attribute

HTML li Tag Reference HTML <li> tag

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">

CSS Example: list style type

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 Reference HTML <li> tag

Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

WEB HOSTING

UK Reseller Hosting

WEB BUILDING

Download XML Editor FREE Website BUILDER Free HTML5 Templates

SHARE THIS PAGE

facebook