Domain Registration : Discount Domain Pricing : Website and Domain Hosting : Frontpage 2000 Hosting : Website Development and Promotion : Secure E-Commerce : Shopping Cart Software : Linux and Windows NT : Graphic Design : Free Email Services : Fast Servers : Low Cost!


CSS Selectors can provide the Author extended control over how their Lists are formatted. Properties can be applied to the markers that appear before the list items to provide order to the information. In addition to the regular list styles that are available in HTML the author can also define their own marker item by using an image. Other proposed CSS declaration values would control how the list item markers are applied and indented in relation to the line items.

The possible values have the following meanings:

disc: A disc (exact presentation is UA-dependent)

circle: A circle (exact presentation is UA-dependent)

square: A square (exact presentation is UA-dependent)

decimal: Decimal numbers, beginning with 0.

lower-roman: Lower case roman numerals (i, ii, iii, iv, v, etc.)

upper-roman: Upper case roman numerals (I, II, III, IV, V, etc.)

lower-alpha: Lower case ascii letters (a, b, c, ... z)

upper-alpha: Upper case ascii letters (A, B, C, ... Z)

none: No marker

  OL { list-style-type: lower-roman }   


<LI> This is the first item.
<LI> This is the second item.
<LI> This is the third item.



When you would like to us an image to represent the bullet of your list items you can use the URL value you can also define a list-style-type to be used if the enduser has disabled the loading of images.

Works only with IE4

The following example sets the marker at the beginning of each list item to be the image "icon.jpg".

  UL { list-style-image: url(http://www.server.com/icon.jpg) }


CSS2 has also defined a selector declaration that would allow you to position the List marker either away from the Line Item or it could have the value compact that would make the Marker move to the position of the first character in the Line Item.

This is not implemented in either IE4 or NS4

Possible values include: inside, outside

  UL { list-style-position:inside }

Copyright © 1995-2003 Sidetrips™ Internet Services, Inc. All rights reserved.

Reproduction in whole or in part in any form or medium without express
written permission of Sidetrips Internet Services, Inc. is prohibited.

sidetrips.com™, hostserver.com™, registera.com™, htmlshop.com™,
and associated domains are trademarks of Sidetrips™ Internet Service, Inc.

Privacy Policy | Acceptable Use Policy | Terms of Service