Join MDN and developers like you at Mozilla's View Source conference, 12-14 September in Berlin, Germany. Learn more at https://viewsourceconf.org

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.

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

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

.one {
  list-style: circle;
}

.two {
  list-style: square inside;
}

Resultado

Especificaciones

Compatibilidad con navegadores

Ver también

list-style-type, list-style-image, list-style-position

Etiquetas y colaboradores del documento

 Colaboradores en esta página: SphinxKnight, teoli, Nathymig
 Última actualización por: SphinxKnight,