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:
• position:relative
• Set the border-collapse
• Set the Font Size
• Set an Element's Float
• Indent the First Line of Text
• Set a Background Image's Position
• Pseudo-class Selectors
• Set an Element's Overlap (z-index)
• Set the Type of Bullet Used in List
• How to Use a CSS ID Selector

RSS Feed

 Follow @Stephen Bucaro

 General Web Design
 HTML Quick Reference
 CSS Quick Reference
 Java Script Quick Reference
 HTML Design
 Graphics Design
 Easy Cascading Style Sheets
 Easy Java Script Code
 Web Design Tools
 Coding Issues