Cómo eliminar las balas de la lista usando CSS?

Cómo eliminar las balas de la lista usando CSS?
En HTML, probablemente habría pasado por las listas ordenadas y desordenadas. La lista ordenada se denota mediante un identificador numérico, mientras que las listas no ordenadas tienen balas. A veces, estas balas no son adecuadas para la situación. En tal caso, las balas deben eliminarse para mantener el flujo y la estructura.

Hemos compilado esta guía para proporcionar un conjunto de métodos que se utilizan para eliminar las balas.

¿Cómo eliminamos las balas de la lista usando CSS??

CSS ofrece varias propiedades para realizar una acción específica. La propiedad de estilo de lista de CSS define el tipo de estilo de las listas. Su valor puede eliminar las balas de la lista utilizando CSS estilo de lista o tipo de lista propiedades. Esta propiedad elimina las balas de la lista desordenada. El siguiente ejemplo práctico ayudará a comprender mejor el uso de esta propiedad CSS.

Código




Primer documento


Lista de verduras




  • Zanahoria

  • Pepino

  • Papa

  • Pimiento

  • Espinaca



Lista de frutas




  • Naranja

  • mango

  • Banana

  • Piña

  • Sandía




En este código, hemos creado dos listas desordenadas usando

    etiqueta. Luego aplicamos el CSS estilo de lista propiedad en la segunda lista desordenada y establecer el valor de la propiedad en ninguna.

    Producción

    La salida muestra claramente que las balas se eliminan de la segunda lista desordenada solamente.

    Nota: El estilo de lista es la propiedad en taquigrafía. El tipo de lista La propiedad también se puede usar para eliminar las balas de la lista.

    Cómo eliminar los números de las listas ordenadas?

    Con la ayuda de la propiedad de tipo lista, uno puede eliminar los números (1, 2, 3) de las listas ordenadas.

    Veamos el siguiente ejemplo práctico para eliminar los números de la lista ordenada.

    Código:




    Primer documento


    Lista de verduras




    1. Zanahoria

    2. Pepino



    Lista de verduras




    1. Zanahoria

    2. Pepino




    En este código, creamos dos listas ordenadas y luego eliminamos los números de una lista ordenada utilizando tipo de lista propiedad.

    Producción

    La salida muestra que los números se eliminan con éxito de la lista ordenada.

    Conclusión

    Podemos eliminar balas de las listas usando CSS "estilo de lista" o "tipo de lista" propiedad. El valor de ambas propiedades se establece en ninguna para eliminar las balas. Esta propiedad es efectiva para listas ordenadas y desordenadas. Has aprendido múltiples formas de eliminar las balas de la lista. La implementación práctica de estos ejemplos también se demuestra aquí.