CSS Basics.com
Chapter 14 - CSS Ordered & Unordered Lists
Inherited: Yes
List Style
You can control the appearance of ordered and unordered lists in one declaration with the list-style property
list-style: value value;
Values:
- image
- position
- type
Or you can control them individually
List Style Image
You can use an image for the bullet of unordered lists with the list-style property
list-style-image: url(path_to_image.gif, jpg or png);
If you use an image, it is a good idea to declare the list-style-type also in case the user has images turned off.
List Style Position
You can control the position of ordered and unordered lists with the list-style-position property
list-style-position: value;
Values
- inside
- outside
List Style Type
You can control the type of bullet ordered and unordered lists use with the list-style-type property
list-style-type: value;
Values
- disc
- circle
- square
- decimal
- lower-roman
- upper-roman
- lower-alpha
- upper-alpha
- none
Easy to understand and practical books to help you become a professional
CSS Related Book: HTML Utopia (more info)
Web Design Related Book: Web Survey 2006/2007 Single User License (more info)
Website Related Book: Simply JavaScript (more info)
Previous Chapter: Chapter 13 - CSS Borders
Next Chapter: Chapter 15 - Width and Height
