CSS - marker-offset


Advertisements


Description

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

object.style.markerOffset = "5px"

Example

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 −

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


Advertisements