list-style
Baseline Widely available *
This feature is well established and works across many devices and browser versions. It’s been available across browsers since julio de 2015.
* Some parts of this feature may have varying levels of support.
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
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
css
.one { list-style: circle; } .two { list-style: square inside; }