List Sytle Properties in DHTML


Setting Bullet Style

The bullet type can be selected as a disc, a circle, a square, . (decimal), i, I, a or a.

LI.item { list-style-type: disc; }

Hanging Indents

When text in a list item is longer than a single line a hanging indent can be used to specify the position of wrapping text in relation to the bullet.

LI {list-style-position: outside; width="200px"; }
.inside {list-style-position: inside; }

Custom Bullets

Graphics images can be used as bullets in a list.

LI { list-style-image: url(../graphics/ShakespeareBullet.gif); }

Setting all List Style Properties at Once

Set all list style properties, list-style-type, list-style-position and list-style-image, at once by using the list-style property as shown below.

LI { list-style: circle outside url(../graphics/ShakespeareBullet.gif); }