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;
}