Shorthand to set the 3 list-style properties in one declaration:
Syntax
element { List-style-type List-style-position List-style-image ;}
This shorthand is equivalent to the following:
element {
list-style-type type;
list-style-position {inside | outside} ;
list-style-image url("/image.ext");
}
Alternatively you can set list-style: none to remove the default styles or to inherit from a parent element (not supported by IE 7):
list-style: inherit ;
Note the default styles will vary by browser and by HTML element, <ol> normally has a list style, <p> normally doesnt.
Examples:
ol { list-style: upper-latin inside ;}
.emw3class { list-style: circle inside ;}
#emw3id { list-style: upper-roman outside ; }
Try it:
|
(CSS 1) Browser Support: All major browsers, IE 6/7 fail to hide a list-image with list-style:none, (but work with list-style-image:none; )
“Speed kills colour... the gyroscope, when turning at full speed, shows up gray” ~ Paul Morand
Related:
list-style-image - Set an image as the list-item marker.
list-style-type - Type of list-item marker.