Set List Properties
By Stephen Bucaro
Use the list-style property as a shorthand method to set all three
list properties in one declaration. The properties must be in the order:
list-style-type, list-style-position, list-style-image. You can leave
some of the values out, as long as the rest are in the specified order.
Below is an example of using the shortcut method inline to set the
properties for a list.
<ul style="list-style: circle inside url('bullet.gif');">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ul>
- List item 1
- List item 2
- List item 3
More CSS Quick Reference: • Set a Background Image's Position • Set an Element's Overlap (z-index) • Set List Properties • Set the Border Style • Set List Bullets Position • Set the Line Spacing • Use word-wrap Property to allow Line Breaks in the Middle of Words • position:absolute • Vertical Align an Element • Style the First Line
|