<ul> <li>item 1</li> <li>item 2</li> <li>item 3</li> </ul> <ol> <li>item 1</li> <li>item 2</li> <li>item 3</li> </ol>
- item 1
- item 2
- item 3
- item 4
- item 5
- item 1
- item 2
- item 3
- item 4
- item 5
- item 1
- item 2
- item 3
- item 4
- item 5
- item 1
- item 2
- item 3
- item 4
- item 5
::-moz-list-bullet permite establecer el estilo del bullet de las etiquetas LI en una lista desordenada (UL)
::-moz-list-number permite establecer el estilo del número o texto de las etiquetas LI en una lista ordenada (OL)
Por ejemplo:
ul li {color: #FFF; font-size: 16px;} ul li::-moz-list-bullet{color: Yellow; font-size: 25px; vertical-align: middle;} ol li {color: #FFF; font-size: 16px;} ol li::-moz-list-number{font-style: italic; color: Yellow; font-family: Georgia; font-size: 18px;}
- item 1
- item 2
- item 3
- item 4
- item 5
- item 1
- item 2
- item 3
- item 4
- item 5
<li><span>item 1</span></li>
ul li {color: Yellow; font-size: 25px; line-height: 0.9;} ul li span {color: #FFF; font-size: 16px;} ol li {font-style: italic; color: Yellow; font-family: Georgia; font-size: 18px;} ol li span {color: #FFF; font-size: 16px; font-style: normal; font-family:Trebuchet MS;}
- item 1
- item 2
- item 3
- item 4
- item 5
- item 1
- item 2
- item 3
- item 4
- item 5
1 comentario:
Muy interesante JMiur, aunque su uso parece más decorativo que otra cosa.
¿Quiere dejar un comentario?
recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...
Nota: sólo los miembros de este blog pueden publicar comentarios.
Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.
Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...