CSS list-style Property - CSS Portal

The list-style property is a shorthand notation for setting the three properties list-style-type, list-style-image, and list-style-position at the same place in the style sheet.

Initial valueSee individual properties
Applies toList item elements
InheritedYes
MediaVisual
Computed valueSee individual properties
AnimatableNo
CSS VersionCSS1, CSS2, CSS3
JavaScript syntaxobject.style.listStyle

Formal syntax: <list-style-type> || <list-style-position> || <list-style-image>

list-style: square outside url(img/bullet.gif);

<list-style-type>See list-style-type CSS property for values.
<list-style-position>See list-style-position CSS property for values.
<list-style-image>See list-style-image CSS property for values.
inherit

.class {
   list-style: square outside url(img/bullet.gif);
}

1+

Firefox

6+

Explorer

1+

Chrome

1+

Safari

8+

Opera

Last updated on 23rd March 2014 By Rene Spronk

View All CSS Properties

Errors? Please help to keep this list up to date, If you find any errors, please contact us, so that we can get them fixed.