list-style
Baseline
Ampliamente disponible
*
Esta característica está consolidada y funciona en muchos dispositivos y versiones de navegador. Está disponible en todos los navegadores desde julio de 2015.
* Algunas partes de esta característica pueden tener distintos niveles de compatibilidad.
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;
}