CSS : IMAGE as THE LIST ITEM MARKER

An Image as The List Item Marker

To specify an image as the list item marker, use the list-style-image property:

Example

ul
{
list-style-image: url('sqpurple.gif');
}

The example above does not display equally in all browsers. IE and Opera will display the image-marker a little bit higher than Firefox, Chrome, and Safari.

If you want the image-marker to be placed equally in all browsers, a crossbrowser solution is explained below.

Other Topics

CSS : Table borders,CSS : List properties,CSS : List-Shortand Property,CSS : Crossbrowser solution,CSS : Image as the list item marker,CSS : Text indentation,CSS : Text transformation,CSS : Text Decoration,CSS : Text alignment,CSS : Text color,CSS : Table width and height,CSS : Collapse borders,CSS : List,CSS : Background color,CSS : Styling links,CSS : Padding properties,CSS : Padding-shorthand property,CSS : The lang pseudo class,CSS : MEDIA,CSS::STYLING FORMS, mechanical Engineering, English books,Photoshop tutorials,Harry potter,Best 100 english books,Mechanical-old-question-paper,