CSS - desplazamiento de marcador

Descripción

La propiedad de desplazamiento del marcador define la distancia entre los bordes de borde más cercanos de un marcador y su cuadro principal asociado.

Sin embargo, desafortunadamente, esta propiedad no es compatible con IE 6 o Netscape 7.

Valores posibles

length - Cualquier valor de longitud.
auto - Predeterminado, deje que los navegadores lo configuren automáticamente.

Se aplica a

Todos los elementos con display de marcador.

Sintaxis DOM

object.style.markerOffset = "5px"

Ejemplo

Aquí está el ejemplo:

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

Esto producirá el siguiente resultado:

↰ Previous page