Estilo de listas com CSS

As seguintes propriedades modificam estilos de listas usando Cascading Style Sheets:

  • list-style-image: imagem como marcador;
  • list-style-position: posição do marcador;
  • list-style-type: tipo de marcador;
  • list-style: abreviação para múltiplas propriedades;

Como preencher os valores das propriedades:

  • list-style-image
    1. none
    2. URL: url(diretorio/imagem.extensao)
  • list-style-position
    1. outside: marcador desalinhado do texto
    2. inside: marcador alinhado com texto
  • list-style-type
    1. none: sem marcador
    2. disc: círculo (bola pintada)
    3. circle: circunferência (bola vazia)
    4. square: quadrado pintadi
    5. lower-alpha: letra minúscula a, b, c, d, …
    6. upper-alpha: letra maiúscula A, B, C, D, …
    7. decimal: números 1, 2, 3, 4, …
    8. decimal-leading-zero
    9. lower-roman: romano minúsculo i, ii, iii, iv, …
    10. upper-roman: romano maiúsculo I, II, III, IV, …

Posted

in

by

Tags:

Comments

One response to “Estilo de listas com CSS”

  1. Juninho Avatar
    Juninho

    muito bom, exatamente o que eu procurava !

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.