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