Propiedad Abreviada list-style

auto_awesome

Sintaxis

list-style: [type] [image] [position]

code

Ejemplo

/* Propiedad abreviada */
ul {
  list-style: square url(example.png) inside;
}

/* Equivalente a */
ul {
  list-style-type: square;
  list-style-image: url(example.png);
  list-style-position: inside;
}
speed

Más compacto y legible

swap_horiz

Orden Flexible

Los valores pueden escribirse en cualquier orden

1, 2 o 3 valores (el resto usa default)

restore

Valores por Defecto

fiber_manual_record type: disc
fiber_manual_record image: none
fiber_manual_record position: outside
backup

Comportamiento de Respaldo

Si se especifican type e image

Type se usa como segunda opción si la imagen no carga

check_circle

Más eficiente y fácil de mantener

emoji_objects

Conclusión

Las propiedades de listas en CSS permiten crear interfaces limpias y coherentes con máximo control sobre el diseño