`<li type="">`

In HTML Attributes

Disclosure: Your support helps keep the site running! We earn a referral fee for some of the services we recommend on this page. Learn more

Attribute of: <li> HTML Tag
What does <li type=""> do?: Specifies the bullet or numbering style for an individual list item.

Code Example

<ul>
 <li>Bullet types I like
  <ul>
    <li type="disc">Discs</li>
    <li type="circle">Circles</li>
    <li type="square">Squares</li>
   </ul>
  </li>
  <li>Bullet types I don't like
   <ol>
    <li type="I">Roman Numerals</li>
    <li type="i">Lowercase Roman Numerals</li>
   </ol>
  </li>
</ul>

Bullet types I like
- Discs
- Circles
- Squares
Bullet types I don't like
1. Roman Numerals
2. Lowercase Roman Numerals

Deprecated, but still works

Though you should not rely on it, the type attribute continues to work in most browsers. Typically you would want to control list item styling with CSS, but you can use the type attribute for relatively trivial changes that override the style of the list as a whole. You should not, however, count on this feature.

Adam Wood

Adam is a technical writer who specializes in developer documentation and tutorials.

Browser Support for type


All	All	All	All	All	All