Por defecto, los navegadores muestran los elementos de las listas no ordenadas (UL) con una viñeta formada por un pequeño círculo de color negro. Los elementos de las listas ordenadas (OL) se muestran por defecto con la numeración decimal simple.
Define las tres propiedades justas: TYPE, POSITION IMAGE.
list-style: type position image;
ul { list-style: none; }
ul { list-style: url("imagenes/cuadrado_rojo.gif") square; }
Estilo de la viñeta o marcador.
list-style-type: none|disc|square|circle; list-style-type: decimal|decimal-leading-zero; list-style-type: armerian|cjk-ideigraphic|geordian|hebrew|hiragama|katakana|katakana-iroha; list-style-type: lower-alpha|lower-greek|lower-latin|lower-roman; list-style-type: upper-alpha|upper-greek|upper-latin|upper-roman;
| Tipo | Valor | Descripcion |
|---|---|---|
| UL | disc | disco |
| circle | circulo | |
| square | cuadrado | |
| OL | decimal | 1, 2, 3.. |
| decimal-leading-zero | 01, 02, 03... | |
| lower-alpha | a, b, c... | |
| upper-alpha | A, B, C... | |
| lower-roman | i, ii, iii... | |
| upper-roman | I, II, III... | |
| lower-greek | ||
| lower-latin | ||
| upper-latin | ||
| armenian | ||
| georgian | ||
| none | Ninguno | |
| inherit | Heredado |
Define donde será colocado el marcador de la lista en relación a la caja principal.
list-style-position: inside|outside|initial|inherit;
| Valor | Descripcion |
|---|---|
| inside | el marcador es la primera caja en línea dentro de la caja principal, después de la cual fluyen el resto de los elementos. |
| outside | el marcador se encuentra fuera de la caja principal. |
| inherit | hereda |
Define la imagen que sera usada como viñeta. Posibles valores son: none | URL() | inherit.
list-style-image: none|url|initial|inherit;
ul { list-style-image: url("rojo.gif"); }