list-style

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 ;}
.SS64class { list-style: circle inside ;}
#SS64id { list-style: upper-roman outside ; }

Try it:

  1. This is a list.
  2. Containing several items.
  3. One after another.

(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.


© Copyright SS64.com 1999-2014
Some rights reserved