Resumen
La propiedad de estilo de lista (list-style) permite definir de golpe todos los parámetros: list-style-type, list-style-image, y list-style-position.
valor inicial: ver propiedades individuales- Se aplica a: elementos con 'display: list-item'
valor heredado: no- Porcentajes: N/A
- Medio:
visual valor calculado: ver propiedades individuales
Sintaxis
list-style: [ list-style-type || list-style-position || list-style-image ] | inherit
Valores
- ver
list-style-type. - ver
list-style-image. - ver
list-style-position.
Ejemplos
HTML
List 1 <ul class="one"> <li>List Item1</li> <li>List Item2</li> <li>List Item3</li> </ul> List 2 <ul class="two"> <li>List Item A</li> <li>List Item B</li> <li>List Item C</li> </ul>
CSS
.one {
list-style: circle;
}
.two {
list-style: square inside;
}