list-style-position property - CSS Reference

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

Syntax

Formal syntax: inside | outside

list-style-position: inside
list-style-position: outside
list-style-position: inherit

Values

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

Examples

.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;
}