Set the Type of Bullet Used in List
By Stephen Bucaro
The default bullet for html lists is a black dot. You can use the list-style-type
property to specify a different type of bullet; circle, square, or none.
list-style-type Values:
| disc | Default value, a dot |
| circle | A circle |
| square | A square |
| none | No bullet |
Shown below is the default bullet;
- Item Number One
- Item Number Two
- Item Number Three
list-style-type set to circle;
- Item Number One
- Item Number Two
- Item Number Three
<ul style="list-style-type:circle;">
<li>Item Number One</li>
<li>Item Number Two</li>
<li>Item Number Three</li>
</ul>
list-style-type set to square;
- Item Number One
- Item Number Two
- Item Number Three
list-style-type set to none;
- Item Number One
- Item Number Two
- Item Number Three
The default number used in ordered lists is a decimal. You can use the list-style-type
property to specify a different type of number for your ordered list (<ol>); alpha or Roman numeral.
list-style-type Values:
| decimal | Default value, a number |
| upper-alpha | Upper case letter |
| lower-alpha | Lower case letter |
| lower-roman | Lower case roman numeral |
| upper-roman | Upper case roman numeral |
Shown below is the default number;
- Item Number One
- Item Number Two
- Item Number Three
list-style-type set to upper-alpha;
- Item Number One
- Item Number Two
- Item Number Three
<ol style="list-style-type:upper-alpha;">
<li>Item Number One</li>
<li>Item Number Two</li>
<li>Item Number Three</li>
</ol>
| 
About BTH
User Agreement
Privacy
Site Map
Contact
News Feeds
RSS Feed
Follow @Stephen Bucaro
General Web Design
