Create a Website
HTML
Dreamweaver
CSS Tutorial
JavaScript
FREE Hosting!
With every domain name
you register at DotEasy
you get FREE (no-ad)
one year hosting.
PLUS you get:
  • FREE Website Builder
  • FREE Blog
  • FREE Forum
  • FREE Photo Album
  • FREE Email Accounts
Get your FREE hosting today!
Home > CSS Tutorial
$0 Web Hosting

You can control the appearance of ordered and unordered lists in one declaration with the list-style property.

The Code

list-style: value value;

Values

Or, you can also control them individually.

List Style Image

You can use an image for the bullet of unordered lists.

The Code

list-style-image: url(path_to_image);

List Style Position

The Code

list-style-position: value;

Values:

List Style Type

You can control the type of bullet ordered and unordered lists use with the list-style-type property

The Code

list-style-type: value;

Values

Enjoy this tutorial?

1. Link to this page(copy/paste into your own website or blog):
2. Add this page to your favorite social bookmarks sites:
3. Add this page as your favorites. (Press Ctrl+D)