CSS list-style-position Property


The list-style-position property in CSS specifies the position of the marker box with respect to the principal block box.

The list-style-position property specifies the position of the list-item markers (bullet points).

list-style-position: outside; means that the bullet points will be outside the list item. The start of each line of a list item will be aligned vertically:

CSS Syntax

list-style-position: inside|outside|initial|inherit;
Property values:
  • outside: In this value the marker is outside the principal block box i.e the bullet points will be outside the list item. This is the default value.
  • inside: In this value the marker is the first element among the list item’s contents i.e the bullet points will be inside the list item.
  • initial: This mode sets this property to its default value.

Supported Browsers:

  • Firefox: 52.0, 2.0 -moz-
  • Google Chrome: 50.0, 4.0 -webkit-
  • Internet Explorer: 10.0
  • Safari: 9.0, 3.1 -webkit-
  • Opera: 37.0, 15.0 -webkit-, 11.1

Example -