list-style-position property CSS Reference

Definition and Usage

The list-style-position CSS property specifies the position of the marker box in the principal block box. It is often more convenient to use the shortcut list-style.

  • Initial outside
  • Applies to list items
  • Inherited yes
  • Media visual
  • Computed Value as specified
  • Animatable no
  • Canonical order the unique non-ambiguous order defined by the formal grammar


Formal syntax: inside | outside
list-style-position: inside
list-style-position: outside
list-style-position: inherit


The marker box is outside the principal block box.
The marker box is the first inline box in the principal block box, after which the element's content flows.


.one {
  list-style:url(starsolid.gif) inside;
.two {
  list-style-position: outside;
  list-style-type: circle;
.three {
  list-style-image: url(starsolid.gif);
  list-style-position: none;


Desktop browsers

FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari (WebKit)
Basic support1.01.0 (1.0) (85)

Mobile browsers

FeatureAndroidFirefox Mobile (Gecko)IE PhoneOpera MobileSafari Mobile
Basic supportNANANANANA

Relative articles