CSS - marker-offset


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.

Possible Values:

  • length: Any length value.
  • auto: Default, Let the browsers automatically set it.

Applies to:

All the elements with a display of marker.

DOM Syntax:



Here is the example:

<ul style="list-style: inside square; marker-offset:2em;">
<li>Social Science</li>
<ol style="list-style: outside upper-alpha; marker-offset:2cm;">
<li>Social Science</li>

This will produce following result:

  • Maths
  • Social Science
  • Physics
  1. Maths
  2. Social Science
  3. Physics

Spacer Bottom Left Corner ImageBottom Right Corner Image
Valid XHTML 1.0 Strict  Valid CSS! Check the accessibility of this site according to U.S. Section 508