Tutorials Point


  CSS Home

  CSS Reference
  Pseudo Classes & Elements

Copyright © 2014 by tutorialspoint



  Home     References     Discussion Forums     About TP  

CSS - marker-offset


previous next AddThis Social Bookmark Button


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:

<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>

This will produce following result:

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

To Become more comfortable - Do Online Practice



previous next Printer Friendly

Advertisements


  

Advertisements