CSS - marcador-deslocamento

Descrição

A propriedade marker-offset define a distância entre as bordas mais próximas de um marcador e sua caixa principal associada.

Infelizmente, no entanto, essa propriedade não é suportada no IE 6 ou Netscape 7.

Valores possíveis

  • length - Qualquer valor de comprimento.

  • auto - Padrão, permite que os navegadores o configurem automaticamente.

Aplica-se a

Todos os elementos com exibição de marcador.

Sintaxe DOM

object.style.markerOffset = "5px"

Exemplo

Aqui está o exemplo -

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

Isso produzirá o seguinte resultado -