Come rimuovere i proiettili dall'elenco usando CSS?

Come rimuovere i proiettili dall'elenco usando CSS?
In HTML, probabilmente avresti attraversato le liste ordinate e non ordinate. L'elenco ordinato è indicato da un identificatore numerico mentre le liste non ordinate hanno proiettili. A volte, questi proiettili non sono adatti alla situazione. In tal caso, i proiettili devono essere rimossi per mantenere il flusso e la struttura.

Abbiamo compilato questa guida per fornire una serie di metodi utilizzati per rimuovere i proiettili.

Come rimuoviamo i proiettili dall'elenco usando CSS?

CSS offre varie proprietà per eseguire un'azione specifica. La proprietà in stile elenco del CSS definisce il tipo di stile degli elenchi. Il suo valore può rimuovere i proiettili dall'elenco utilizzando CSS stile elenco O tipo elenco proprietà. Questa proprietà rimuove i proiettili dall'elenco non ordinato. Il seguente esempio pratico aiuterà a comprendere meglio l'uso di questa proprietà CSS.

Codice




Primo documento


Elenco di verdure




  • Carota

  • Cetriolo

  • Patata

  • Pepe a campana

  • Spinaci



Elenco di frutti




  • Arancia

  • Mango

  • Banana

  • Ananas

  • Anguria




In questo codice, abbiamo creato due elenchi non ordinati utilizzando

    etichetta. Quindi abbiamo applicato il CSS stile elenco Proprietà nel secondo elenco non ordinato e impostare il valore della proprietà su nessuno.

    Produzione

    L'output mostra chiaramente che i proiettili vengono rimossi solo dal secondo elenco non ordinato.

    Nota: IL stile elenco è la proprietà stenografica. IL tipo elenco La proprietà può anche essere utilizzata per rimuovere i proiettili dall'elenco.

    Come rimuovere i numeri dagli elenchi ordinati?

    Con l'aiuto della proprietà di tipo elenco, si può rimuovere i numeri (1, 2, 3) dagli elenchi ordinati.

    Vediamo il seguente esempio pratico per rimuovere i numeri dall'elenco ordinato.

    Codice:




    Primo documento


    Elenco di verdure




    1. Carota

    2. Cetriolo



    Elenco di verdure




    1. Carota

    2. Cetriolo




    In questo codice, creiamo due elenchi ordinati e quindi rimuoviamo i numeri da un elenco ordinato utilizzando tipo elenco proprietà.

    Produzione

    L'output mostra che i numeri vengono rimossi correttamente dall'elenco ordinato.

    Conclusione

    Possiamo rimuovere i proiettili dagli elenchi usando CSS "stile elenco" O "tipo elenco" proprietà. Il valore di entrambe le proprietà è impostato su nessuno per rimuovere i proiettili. Questa proprietà è efficace per elenchi sia ordinati che non ordinati. Hai imparato diversi modi per rimuovere i proiettili dall'elenco. L'implementazione pratica di questi esempi è anche dimostrata qui.