list-style-type

Resumen

El tipo de estilo de lista especifica la apariencia del listado.

Sintaxis

 list-style-type:  <std-list-style-name> | none | inherit ;

Valores

<std-list-style-name>
un nombre de estilo de lista estándar: disc, circle, square, decimal, decimal-leading-zero, lower-roman, upper-roman, lower-greek, lower-latin, upper-latin, armenian, georgian, lower-alpha, upper-alpha
disc
un disco.
circle
un c├şrculo.
square
un cuadrado.
decimal
n├║meros decimales empezando con 1.
decimal-leading-zero
n├║meros decimales empezando eventualmente por ceros (por ejemplo: 01, 02, 03, ..., 98, 99).
lower-roman
n├║meros romanos en min├║scula (i, ii, iii, iv, v, etc.).
upper-roman
n├║meros romanos en may├║scula (I, II, III, IV, V, etc.).
lower-greek
letras griegas en min├║scula alfa/╬▒, beta/╬▓, gamma/╬│, ...
lower-latin
letras ASCII en min├║scula (a, b, c, ... z).
upper-latin
letras ASCII en may├║scula (A, B, C, ... Z).
armenian
numeraci├│n armenia tradicional (ayb/ayp, ben/pen, gim/keem, ...).
georgian
numeraci├│n georgiana tradicional (an, ban, gan, ..., he, tan, in, in-an, ...).
lower-alpha
es igual que lower-latin.
upper-alpha
es igual que upper-latin.
none
nada.

Ejemplos

CSS

ol.normal {
  list-style-type: upper-alpha;
}

/* or use the shortcut "list-style": */
ol.shortcut {
  list-style: upper-alpha;
}

HTML

<ol class="normal">List 1
  <li>Hello</li>
  <li>World</li>
  <li>What's up?</li>
</ol>

<ol class="shortcut">List 2
  <li>Looks</li>
  <li>Like</li>
  <li>The</li>
  <li>Same</li>
</ol>

Result

Notas

├ësta especificaci├│n no define el comportamiento en el caso de una lista con m├ís elementos que la cantidad de letras del alfabeto utilizado. Por ejemplo, despu├ęs de 26 letras, el resultado con lower-latin no es definido (y continuar├í como: AA, AB, AC,...). Por eso, para listas largas, es recomendable utilizar n├║meros.

Especificaciones

Compatibilidad con navegadores

Ver tambi├ęn