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 July 2015.
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;
}