The marker-offset property defines the distance between the nearest border edges of a marker and its associated principal box.
Unfortunately, however, this property is not supported in IE 6 or Netscape 7.
length − Any length value.
auto − Default, Let the browsers automatically set it.
All the elements with a display of marker.
object.style.markerOffset = "5px"
Here is the example −
<html> <head> </head> <body> <ul style = "list-style: inside square; marker-offset:2em;"> <li>Maths</li> <li>Social Science</li> <li>Physics</li> </ul> <ol style = "list-style: outside upper-alpha; marker-offset:2cm;"> <li>Maths</li> <li>Social Science</li> <li>Physics</li> </ol> </body> </html>
This will produce following result −